Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Lazyload Adsense di Blogspot

Cara Memasang Lazyload Adsense di Blogspot
Cara Memasang Lazy Load Adsense di Blogspot

Kali ini dani31 akan membagikan tutorial tentang Cara Memasang Lazyload Adsense di Blogspot. 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 Blog.

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.


Cara Pasang Lazy Load Adsense di Blogspot

Masuk Ke Blogger.

Ke menu Tema > Edit HTML.

Ganti Kode Iklan Kalian Sesuai Template / Tema Blogspot Kalian.

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.


Tips Lazyload

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.


Kesimpulan

Banyak sekali pendapat mengenai Lazyload Adsense ini. ada yang bilang CPC menjadi kecil, CTR Naik dan bahkan membuat eCPM google adsense menjadi menurun. Meski begitu, Hal tersebut tidak dapat dipungkiri.

Menurut dani31 Lazy Load Adsense ini tidak berpengaruh terhadap hal - hal di atas karena dani31 menggunakan lazyload di blog dani31.xyz ini. Jangan khawatir karena hal di atas tidak ada pengaruh sama sekali. Malah CPC menjadi stabil karena tayangan iklan google meningkat akibat visiblitas iklan mencapai 90% ke atas. 

So, Inilah Cara Memasang Lazyload Adsense di Blogspot. Semoga bermanfaat dan terima kasih sudah berkunjung. 

Posting Komentar untuk "Cara Memasang Lazyload Adsense di Blogspot"