Cara Memasang Lazy Load AdSense di Blogger Versi Terbaru

Pada kesempatan ini admin akan membagikan tutorial cara memasang script lazyload adsense untuk meningkatkan kecepatan loading blogger.

Tahukah kalian bahwa iklan adsense yang kalian pasang dapat memberikan loading blog, apalagi jika iklan yang dipasang lumayan banyak pasti skor di google pagespeed insight akan merah.

Untuk mengatasi hal tersebut sebenarnya ada 2 cara yaitu memasang Defert Google AdSense dan memasang script lazy load adsense. Perbedaan diatanta keda cara ini adalah:

Defert adsense bekerja ketika adsense akan ditampilkan keti halaman artikel berhasil dimuat sepenuhnya. jadi Setelah blog telah dimuat dan tidak ada loadding lagi, makan adsense akan langsung ditampilkan. Namun kekurangan dari cara ini adalah pagespeen insight tetap akan mendeteksi script adsense dan membuat skornya tetap merah.

Lazy load adsense bekerja dengan cara iklan akan dimuat ketika artikel di croll kebawah. Dengancara ini proses loading blog menjadi cepat dan mmemmingkatkaan skor di pagespeed insights. Kekurangan dari cara ini adalah terkadang iklan dalam halaman tidak muncuk atau tidak berhasil dimuat (Kadang-kadang saja)

Tanpa panjang lebar lagi berikut tutorial cara memasang lazyload adsense ini.

Cara Memasang lazy Load AdSense di Blogger

1. Buka Blogger
2. Pilih Tema
3. Pada SESUAIKAN, pilih Arah Panah Bawah kemudian Edit HTML
   
4. Letakkan kode ini tepat berada diatas kode </body> atau </body>

   <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.setAttribute('crossorigin','anonymous'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyadsense = true; }}, true); /*]]>*/</script>

5. Ganti yang saya beri mark pada kode diatas ca-pub-XXXXXXXXXXXXXXXX dengan Id AdSense kalian sendiri
6. Jika sudah pilih Simpan Tema
7. Untuk memasang kode google adsen kita cukup menghilangkan/menghapus kode yang saya beri mark ini

   <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXXXXXX"
        crossorigin="anonymous"></script>
   <!-- Sidebar -->
   <ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
        data-ad-slot="XXXXXXXXXXXXXXXX"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
   <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
   </script>

8. Maka hasilnya akan seperti ini

   <!-- Sidebar -->
   <ins class="adsbygoogle"
        style="display:block"
        data-ad-client="ca-pub-XXXXXXXXXXXXXXXX"
        data-ad-slot="XXXXXXXXXXXXXXXX"
        data-ad-format="auto"
        data-full-width-responsive="true"></ins>
   <script>
        (adsbygoogle = window.adsbygoogle || []).push({});
   </script>

Itulah tadi cara memasang lazy load adsense yang berguna untuk meningkatkan kembali kecepatan loading blog kita. Sekian dari felmika.com semoga artikel ini dapat bermanfaat terimakasih.