Skip to content Skip to sidebar Skip to footer

Cara Memasang Lazy Load AdSense dengan Auto Ads di Blogs

 

Cara Memasang Lazy Load AdSense dengan Auto Ads di Blogs


Kali ini dani31 akan membagikan tutorial tentang Cara Memasang Lazy Load AdSense dengan Auto Ads di Blogs. Lazy Load  ini berguna untuk mempercepat loading sebuah Blogs dengan menunda sementara pemuatan code js (Java Script) Adsense. Lalu code js (Java Script) AdSense ini akan dimuat ketika halaman sudah di scroll oleh pengunjung Blogs.


Seperti yang kita ketahui, bahwa code iklan Google AdSense sedikit memberikan beban terhadap kecepatan loading Blogs. Jika kita merasa loading Blogs sedikit berat atau keong (lemot) ketika dipasangi code iklan adsense, kita bisa mencoba cara yang sangat ampuh ini.


Dikarenakan saat ini Google AdSense telah merubah code auto ads menjadi sangat simpel lagi yaitu langsung dengan code js AdSense yang singkat seperti berikut ini.


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


Code yang di tandai (xxxxxxxxxxx) adalah code untuk auto ads.


Kemudian jika kita menggunakan lazy load ads AdSense, maka kita harus change penulisan codenya menjadi dynamic seperti berikut ini.



(function() {
   var ad = document.createElement('script');
   ad.setAttribute('data-ad-client', 'ca-pub-xxxxxxxxxxx');
   ad.async = true;
   ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js';
   var sc = document.getElementsByTagName('script')[0];
   sc.parentNode.insertBefore(ad, sc);
})();

 


So that code lazy load AdSense nya berubah menjadi seperti berikut ini.


<script type='text/javascript'>
//<![CDATA[
var lazyadsense2 = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === false)) {
(function() { var ad = document.createElement('script'); ad.setAttribute('data-ad-client','ca-pub-xxxxxxxxxxx'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazyadsense2 = true;
  }
}, true);
//]]>
</script>


So, code di atas adalah lazy load AdSense yang sudah menjadi satu dengan auto ads, kita hanya tinggal menyesuaikan code ID publisher-nya saja.




Sedikit tips dan juga mengingatkan, jika sebelumnya tema Blogs kalian menggunakan code lazy load AdSense yang disatukan dengan code auto ads lama seperti di bawah ini, silahkan lakukan pembaruan atau lakukan pergantian dengan code Lazy Load  di atas tadi.


<script type='text/javascript'>
//<![CDATA[
var lazyadsense2 = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense2 === false) || (document.body.scrollTop != 0 && lazyadsense2 === 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); })();
lazyadsense2 = true;
  }
}, true);
     (adsbygoogle = window.adsbygoogle || []).push({
          google_ad_client: "ca-pub-xxxxxxxxxxx",
          enable_page_level_ads: true
     });
//]]>
</script>


Code yang di (xxxxxxxxxxx) adalah code auto ads AdSense versi lama.


So, inilah Cara Memasang Lazy Load AdSense dengan Auto Ads di Blogs. Semoga bermanfaat dan terima kasih sudah berkunjung. 

Dani31
Dani31 2012 pertamakali Melakukan Blongging dani31 great web for support dani31 About Me About Me dani31