Ditulis oleh: Ditulis pada: 3/17/2020
Lazyload Adsense Dengan Auto Ads Terbaru 2020 - Lazyload Adsense ini berguna mempercepat loading blog dengan menunda sementara pemuatan JS Adsense. Dan selanjutnya JS Adsense akan dimuat ketika halaman digulirkan oleh pengguna.
Pada trik lazy load Adsense yang sebelumnya saya bagikan, di situ saya tidak menyertakan dengan kode auto ads, jadi kini saya bagikan lazy load iklan Adsense terbaru dengan menyertakan auto ads.
Ini karena saat ini Adsense sudah merubah kode auto ads menjadi lebih simpel lagi yaitu disatukan langsung dengan JS Adsense seperti berikut ini.
<script data-ad-client="ca-pub-xxxxxxxxxxx" async="async" src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>Kode yang ditandai adalah kode untuk auto ads.
Nah, jika kita menggunakan lazyload iklan Adsense maka kita harus merubah penulisan kodenya menjadi dinamik 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);
})();Sehingga kode lazyload Adsense-nya menjadi seperti berikut ini.
<script>
//<![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>Jadi kode di atas adalah lazyload Adsense yang sudah termasuk dengan auto ads, Anda tinggal menyesuaikan kode ID publisher-nya.
Jika sebelumnya tema blog Anda menggunakan kode lazyload Adsense yang disatukan dengan kode auto ads lama seperti di bawah ini, silahkan perbaharui dengan kode lazyload di atas.
<script>
//<![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>Kode yang ditandai adalah kode auto ads Adsense versi lama.
UPDATE:
[UPDATE] Lazyload dan Defer Adsense 2021 dengan Atribut Crossorigin