Cara Lengkap Memasang Lazy Load Iklan Adsense
Cara Memasang lazy load pada iklan Adsense merupakan sebuah trik untuk membuat loading blog terasa lebih ringan dengan memanfaatkan JS Load on Scroll. Dalam artian jika kita menggunakan trik ini akan membuat penayangan iklan Adsense ditunda sementara sampai pengunjung blog menscroll halaman blog ataupun website kita.
Penggunaan Lazy Load JS ketika halaman di scroll ini sangat disarankan untuk di elaborasi dengan file JS External agar pemuatan file js external ini tidak dimuat secara langsung saat blog sedang di akses.
Trik memasang lazy load JS untuk iklan adsense ini memang banyak disarankan oleh para developer web guna membuat loading blog kita semakin ringan dan cepat. Dan tentu saja hal ini akan membuat pengunjung blog akan merasa nyaman ketika mengakses blog atau website kita.
Menurut kutipan yang disampaikan oleh bungfrangki.com, lazy load ini cukup ampuh untuk mencegah banned Adsense akibat pelanggaran trafik tidak valid. Dalam hal ini, trafik yang dimaksud adalah trafik yang disebabkan oleh bot atau jigling.
Dengan menggunakan Javascript Lazy Load untuk Adsense ini akan sangat berguna untuk membuat loading blog atau website kita semakin cepat dan membuat score kecepatan blog kita bertambah.
Secara default, js adsesnse adalah seperti berikut
<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Dan hal pertama yang wajib sobat lakukan adalah menghapus semua JS Adsense tersebut agar lazy load adsense ini bekerja sempurna.
Bagi sobat yang tertarik ingin menggunakan trik lazyload untuk iklan adsense di blog atau website sobat, silahkan simak tutorial singkat dibawah ini.
Memasang Lazy Load pada Iklan Adsense
Jika sobat ingin mengaktifkan Lazy Load Iklan Adsense untuk semua perangkat, baik Laptop/PC, tablet dan smartphone (perangkat seluler), maka lakukan cara berikut ini:Masuk ke Template - Edit HTML, dan letakkan kode berikut sebelum kode </body> atau <!--</body>--></body>
<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense
var lazyadsense=!1;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>Atau, bisa juga menggunakan kode berikut ini:
<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.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); })();
lazyadsense = true;
}
}, true)
//]]>
</script>Setelah itu Simpan Tema dan lihat hasilnya.
Untuk sobat yang ingin mengaktifkan fitur lazy load adsense ini hanya untuk tampilan Dekstop/PC saja ataupun hanya untuk tampilan smartphone saja, sobat bisa menggunakan Tag Conditional Blogger.
Sebagai contoh fitur lazy load adsense ini hanya ingin diaktifkan pada tampilan Dekstop/PC saja, maka penerapannya seperti berikut :
<b:if cond='data:blog.isMobileRequest == "false"'>
<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.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); })();
lazyadsense = true;
}
}, true)
//]]>
</script>
</b:if>
Atau seperti ini
<b:if cond='data:blog.isMobileRequest == "false"'>
<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.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); })();
lazyadsense = true;
}
}, true)
//]]>
</script>
</b:if>
Dan untuk mengaktifkan lazy load adsense ini hanya untuk tampilan Smartphone/Mobile saja, maka penerapannya seperti berikut :
<b:if cond='data:blog.isMobileRequest == "true"'>
<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.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); })();
lazyadsense = true;
}
}, true)
//]]>
</script>
</b:if>
Atau bisa menggunakan ini
<b:if cond='data:blog.isMobileRequest == "false"'>
<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.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); })();
lazyadsense = true;
}
}, true)
//]]>
</script>
<b:else/>
<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</b:if>
Jika ada yang bertanya apakah penggunaan lazy load adsense ini akan menurunkan penghasilan adsense kita? Sebenarnya sih iya, karena dengan menunda JS Adsense ini akan berdampak pada iklan Adsense dengan jenis Page Level Ads atau iklan yang biasa muncul di bagian atas halaman blog sering kali tidak tampil.
Akan tetapi sobat tidak usah hawatir dengan iklan adsense jenis Page Level Ads ini. Karena biasanya iklan jenis ini tidak terlalu banyak menambah penghasilan adsense kita karena unit yang ditampilkan juga dilengkapi dengan tombol minimize yang mudah di sembunyikan dan tidak mengundang pengunjung blog untuk mengklik iklan ini.
Demikian informasi tentang cara memasang lazy load iklan Google Adsense untuk Blogger atau Blogspot. Semoga bermanfaat. Jika ada komentar silahkan tuliskan, jika ada kesempatan silahkan bagikan. Terima kasih!
Posting Komentar untuk "Cara Lengkap Memasang Lazy Load Iklan Adsense"