cara memasang lazyload adsanse dengan auto ads
seorang blogger tentu sudah tidak asing dengan adsanse, adsanse adalah cara alternatif bagi seorang publisher untuk menghasilkan uang di blog, di sisi lain js adsanse juga mempengaruhi loading blog jadi berat.
buat kalian yang baru di terima adsanse dan telah menerapkan script yang di berikan adsanse tentu kalian akan kaget ketika melakukan cek speed blog kalian menurun hingga 40%.
oleh karena itu pada kesempatan kali ini saya akan memberikan tips cara pasang unit iklan yang benar dan menggunakan lazyload adsanse untuk mempercepat loading blog.
Apa Itu Lazyload Adsanse
lazyload adsanse adalah sebuah teknik untuk menunda pemuatan js adsanse di website menjadi tidak sinkron, dengan artian setelah konten bagian atas sepenuhnya dimuat, maka js adsanse tidak akan dimuat.
lazyload adsense ini berguna mempercepat loading blog dengan menunda sementara pemuatan js adsense. dan selanjutnya js adsense akan dimuat ketika halaman digulirkan oleh pengguna.
Cara Memasang Lazyload Adsanse
silakan salin kode di bawah ini dan letakkan di atas kode </body> jika kalian tidak menemukannya kemungkinan telah di parse sehingga menjadi <!--</body>--></body> dan ubah bagian yang telah saya tandai dengan kode ca-pub milik kalian dan klik simpan
<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'); var crs = document.createAttribute('crossorigin'); crs.value = 'anonymous'; ad.setAttributeNode(crs); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-880246522xxxxxxx'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyadsense = true; } }, true)
//]]>
</script>
jika template kalian masi terdapat script ini
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-880246522xxxxxxx"
crossorigin="anonymous"></script> silakan di hapus.
Penulisan Unit Iklan Adsense Yang Direkomendasikan
salah satu penyebab lambatnya loading blog adalah karena penulisan script adsense (adsbygoogle.js) yang berulang. jadi setiap penambahan unit iklan Anda tidak perlu menuliskan ulang script adsensenya, penulisan unit iklan yang benar seperti contoh dibawah ini
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-880246522xxxxxxx"
data-ad-slot="69271xxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Penulisan Unit Iklan Adsense Yang Tidak Direkomendasikan
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-880246522xxxxxxx" crossorigin="anonymous"></script>
<!-- link -->
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-880246522xxxxxxx"
data-ad-slot="69271xxxxx"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
sekian cara memasang lazyload adsanse dengan auto ads semoga bermanfaat
7 komentar
Kode iklan yang salah inikan emang dari GA nya.
Nah misal kita rubah manual. apa gak bermasalah
Itu tidak lah mengubah, karna adbygoogle.js adsanse cukup pasang 1 saja di dalam template, jadi setiap buat unit kode iklan tidak perlu salin adbbygoogle.js adsanse lagi, karna akan memperlambat loading blog
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
screenshot : https://ibb.co/KwPf4VX