Hallo pembaca Jibrex.com dimanapun kalian berada. Di artikel ini saya akan bagikan tutorial Cara Pasang Script Lazyload Asynchronous Adsense.
Bingung nggak apa si bedanya Script Lazyload Asynchronous dengan Lazyload yang biasa? Nah jika bingung mungkin kamu perlu membaca penjelasan singkat tentang perbedaan keduanya dibawah ini
Script Lazyload Scroll Biasa
lazyload scroll adsanse biasa hanya memuat iklan ketika terdeteksi adanya aktivitas scroll dari pengunjung. Kemudian iklan tidak akan pernah di muat jika tidak ada aktivitas scroll, setiap pengunjung berpindah halaman atau ketika halaman di refersh oleh pengunjung maka iklan akan kembali jadi blank sampai terdeteksi adanya scroll dari pengunjung lagi.
Script Lazyload Asynchronous
Sedangkan Lazyload Asynchronus, iklan akan di muat ketika terdeteksi ada aktivitas scroll atau tab pada layar. Iklan tidak akan di muat jika tidak ada aktivitas scroll atau tab pada layar ( hanya berlaku untuk pengunjung pertama kali. Sedangkan untuk pengunjung yang sudah pernah mengunjungi situs kita, iklan akan langsung di muat secara asynchronous tanpa harus scroll atau tab layar lagi.
Gimana masih bingung?
Coba deh kalian hapus cookie browser kalian pada situs ini dan refersh halaman ini, maka kalian tidak akan melihat iklan sebelum scroll atau tab layar kalian. Dan setelah itu cobalah refersh kembali halaman ini maka kalian akan langsung melihat iklan tanpa harus scroll atau tab pada layar lagi.
Jadi intinya dengan script ini kita bisa langsung menampilkan iklan untuk pengunjung yang sudah pernah mengunjungi situs kita. Nah dengan begini otomatis penghasilan adsanse kita tidak akan terganggu dan pastinya script ini sudah di desain untuk tidak menurunkan score pada PageSpeed Insights.
Cara Pasang Script Lazyload Asynchronous Adsanse Blogger
silakan masuk ke blogger > tema > edit html salin javascript di bawah ini dan letakkan di atas kode </body> atau <!--</body>--></body>.
<script>/*<![CDATA[*/
// lazyload asynchronous adsanse by jibrex.com
function lazyOnload() {
let adPub = 'xxxxxx';
let ads = document.createElement("script");
ads.src = "https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-" + adPub, ads.async = !0, ads.setAttribute("crossorigin", "anonymous"), document.head.appendChild(ads)
}
function dtcLzy(){lazyOnload(),localStorage.setItem("wcLoadJs","true")}var wcLdStorage=localStorage.getItem("wcLoadJs");if("true"!=wcLdStorage){var t=!1,e=!1;window.addEventListener("scroll",()=>{(0!=document.documentElement.scrollTop&&!1===t||0!=document.body.scrollTop&&!1===t)&&(dtcLzy(),t=!0,e=!0)},!0),window.addEventListener("click",()=>{!1===e&&!1===e&&(dtcLzy(),e=!0,t=!0)},!0)}"true"===wcLdStorage&&lazyOnload();
/*]]>*/</script>
bagian yang saya tandai xxxxxx silakan ganti dengan kode ca-pub milik kalian yang terdiri dari 16 angka
Baik saya rasa itu saja dulu artikel tentang Cara Pasang Script Lazyload Asynchronous Adsense. Semoga artikel ini bermanfaat untuk kita semua.