Cara Memasang Lazy Load Adsense Dengan Mudah

Cara Memasang Lazy Load Adsense - Lazy load Adsense ini sangat berguna bagi kalian yang ingin memasang iklan adsense dan tidak memicu pada kecepatan blog. Cara kerja Lazy Load Adsense ini sangat sederhana, Jika kita melakukan scroll pada halaman blog, maka iklan akan muncul tepat pada halaman blog yang sudah discroll.

Selain untuk mempercepat loading blog karna iklan Adsense, Script Lazy load ini juga bisa mencegah iklan adsense kalian dari invalid, seperti bot visitor, jingling dan lain sebagainya.
Cara Memasang Lazy Load Adsense
Untuk tutorialnya, silahkan kalian simak dibawah ini...

Cara Memasang Lazy Load Adsense 


Sebenarnya disini saya akan memberikan Dua metode untuk memasang lazy load, yaitu memasang lazy load work di semua device/perangkat, dan lazy load hanya work pada mobile.

#1. Memasang Lazy Load Adsense Work Di Semua Device

Untuk memasang lazy load adsense work di semua device, silahkan kalian ikuti tutorial ini.

Kalian masuk terlebih dahulu ke blogger.com, dan masuk ke menu Tema, dan klik Edit HTML

Setelah itu kalian cari kode &lt;!--</body>--&gt;&lt;/body&gt; atau </body>
Letakan kode ini diatas kode tersebut.

<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>
Atau Juga bisa gunakan script ini
<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
    lazyadsense = true;
  }
}, true)
//]]>
</script>

Setelah itu, kalian klik Save Theme/Simpan Tema.

#2. Cara Memasang Lazy Load Adsense Work On Mobile Only

Untuk cara memasang lazy load adsense hanya berfungsi di perangkat hp saja, silahkan kalian ikuti tutorial ini.

Masuk ke Edit HTML, dan cari kode &lt;!--</body>--&gt;&lt;/body&gt; atau </body>

Lalu, kalian letakan kode dibawah ini tepat diatas kode tadi :

<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<b:else/>
<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>
</b:if>
Atau juga bisa kode ini.
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement('script'); ad.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
    lazyadsense = true;
  }
}, true)
//]]>
</script>
<b:else/>
<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</b:if>

Dan jangan lupa hapus kode dibawah ini disetiap kode iklan.
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Setelah itu, kalian klik simpan tema.

Nah, itulah tadi tentang Cara Memasang Lazy Load Adsense Dengan Mudah, semoga bermanfaat, jangan lupa untuk share artikelnya agar lebih bermanfaat lagi

Source Code : https://www.bungfrangki.com/2019/07/2-cara-memasang-lazy-load-iklan-adsense.html
Baca Juga
IηX・Soyaaaㄙ
Dipuji Tidak Melayang, Dihina Tidak tumbang... #FNBOYBLCKPNK

Related Posts

Post a Comment

Subscribe Our Newsletter