Akses blog yang cepat memang jadi dambaan dari semua blogger, tapi ketika kita memasang Google Adsense maka skor dari google pagespeed blog kita akan turun. Apabila pagespeed blog turun maka akan muncul error pada google search console. Lalu bagaimana cara memperbaiki agar pagespeed blog kita bagus?? caranya kita dapat menggunakan Lazy Load Google Adsense.
Cara Kerja Lazy Load Google Adsense
Cara kerja dari lazy load adalah menunda kemunculan dari iklan, sampai dengan pembaca melakukan scroll ke halaman tertentu. Jadi iklan akan muncul hanya di page yang muncul di layar saja, script akan menunda kemunculan iklan untuk halaman yang belum di buka oleh pembaca.
Dengan cara menunda kemunculan iklan tersebut maka google pagespeed akan menganggap bahwa blog kita tidak memiliki google adsense sehingga skor dari google pagespeed akan naik. Kecepatan blog memang menjadi salahsatu penentu ranking blog, tapi apabila saya lihat apabila google pagespeed rendah belum tentu blog kita juga lambat. Skor google pagespeed blog saya ada yang di angka 17, tentu angka tersebut merupakan skor yang sangat rendah. Tapi apabila saya coba tes akses dari PC maupun dari HP blog tersebut memiliki kecepatan tinggi.
Pasang Lazy Load Bertentangan Dengan Tujuan Adsense
Tujuan kita memasang google adsense adalah mengharapkan tampilan iklan dan klik dari pengunjung blog kita. Sedangkan tujuan memasang lazy load adalah untuk menunda kemunculan iklan pada blog kita. Hal tersebut sangat bertolak belakang, dengan memasang lazy load juga memiliki resiko nilai CTR adsense akan menurun.
Cara Memasang Lazy Load Google Adsense
Script google adsense saat ini ada 2 macam, ada versi lama dan versi baru. Perbedaan kedua script tersebut hanya sedikit.
Versi lama
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<!-- Widget Bawah -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6034929167422660"
data-ad-slot="8821909944"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Versi terbaru
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-6034929167422660"
crossorigin="anonymous"></script>
<!-- Footer -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-6034929167422660"
data-ad-slot="1962495381"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Selanjutnya silahkan silahkan hapus script yang saya warnain merah, masuk ke
TEMA kemudian masuk ke
Edit HTML. Hapus script yang saya tandain warna merah di atas, gunakan find saja dengan cara CTRL + F. Di menu edit HTML akan muncul kode script yang sudah di parse jadi silahkan hapus kode seperti di bawah ini
Setelah itu silahkan pasang script berikut diatas kode </body>
Versi lama
<script type="text/javascript">//<![CDATA[
var adsenseLazyload=false;window.addEventListener("scroll",function(){(0!=document.documentElement.scrollTop&&false===adsenseLazyload||0!=document.body.scrollTop&&false===adsenseLazyload)&&(!function(){var e=document.createElement("script");e.type="text/javascript",e.async=true,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),adsenseLazyload=true)},true);
//]]></script>
Versi baru
<script type="text/javascript">//<![CDATA[
var adsenseLazyload = false; window.addEventListener("scroll", function(){ if ((document.documentElement.scrollTop != 0 && adsenseLazyload === false) || (document.body.scrollTop != 0 && adsenseLazyload === false)) { (function() { var ad = document.createElement('script'); var att = document.createAttribute('data-ad-client'); att.value = 'ca-pub-6034929167422660'; ad.setAttributeNode(att); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); adsenseLazyload = true; } }, true)
//]]></script>
Ganti kode publishernya dengan kode google adsense agan. Selesai
Posting Komentar untuk "Cara Memasang Lazy Load Google Adsense Untuk Mempercepat Skor PageSpeed"
Komentar anda akan kami moderasi terlebih dahulu.