Memasang Lazy Load Adsense di Blog

Banyak di antara kita meragukan keutungan Lazy load Adsense, Karena rumor yang beredar bahwa Lazy Adsense dapat menurunkan pendapatan.

Tentunya hal ini tidak mempengaruhi pendapatan Iklan Adsense, selain mempercepat loading Blog, memasang Lazyload Adsense dapat menghindarkan kita dari Jingling atau Traffic tidak valid yang dilakukan oleh orang tidak bertanggung jawab.

Cara kerjanya gimana sih? Cukup simple, yaitu ketika kita melakukan Scrolling maka secara otomatis File Javascript Adsense akan di muat, sehingga semua unit iklan yang ada di Blog akan terisi Ads Google.

Silahkan lihat cara memasang Lazy load Adsense dibawah ini.

Memasang Lazy Load Adsense untuk Auto Ads dan Semua Unit iklan

Silahkan hapus Script Auto Ads pada template blog kamu seperti dibawah ini, dan juga hapus semua script adsbygoogle.js

<script data-ad-client="ca-pub-xxxxxxxxxxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Kenapa harus hapus Script Auto Ads? karena Script itulah yang memperlambat blog kita, ketika terdapat Double Script adsense, maka pagespeed akan mendeteksinya sebagai Script yang tidak digunakan.

Jika sudah, silahkan Copy Script Lazyload Adsense dibawah ini dan letakkan di atas </body>

<script>
//<![CDATA[
var lazyads = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyads === false) || (document.body.scrollTop != 0 && lazyads === false)) {
(function() {
     var adsense = document.createElement('script');
//Ganti ca-pub-xxxx sesuai dengan Adsense kamu
     adsense.setAttribute('data-ad-client','ca-pub-xxxxxxxxxxx');
     adsense.async = true; adsense.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
     var iklanTampil = document.getElementsByTagName('script')[0];
     iklanTampil.parentNode.insertBefore(adsense, iklanTampil);
})();
lazyads = true;
  }
}, true);
//]]>
</script>

Selesai, Lazyload Adsense sudah terpasang, selanjutnya adalah contoh pemasangan unit Iklan Adsense.

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

Kamu hanya perlu menyalin mulai dari tag ins hingga Script, untuk Script adsbygoogle.js tidak perlu disalin, karena kamu sudah menerapkan lazy adsense, maka secara otomatis Unit iklan anda akan terisi ketika pengguna melakukan Scrolling pada blog.

Begitulah Cara Memasang Lazy load Adsense. Kamu juga bisa membaca postingan sebelumnya tentang Lazy Load Gambar untuk semua Tag Img. Semoga bermanfaat...