Pasang Lazyload Adsense di Blogspot
Pasang lazyload blogspot mudah |
Kali ini dani31 akan membagikan tutorial tentang Cara pasang 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 async="async" data-ad-client="ca-pub-xxxxxxxxxxx" 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>
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 adani31.blogspot.com 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 Pasang Lazyload Adsense di Blogspot. Semoga bermanfaat dan terima kasih sudah berkunjung & share ke teman teman kamu ya.
Posting Komentar untuk "Pasang Lazyload Adsense di Blogspot"