Cara Memasang Lazy Load AdSense dengan Auto Ads Terbaru 2020

Cara Memasang Lazy Load AdSense dengan Auto Ads Terbaru 2020

Cara Memasang Lazy Load AdSense Terbaru 2020
AdityaTekno.com - Kali ini saya akan berbagi tutorial tentang Cara Memasang Lazy Load AdSense dengan Auto Ads Terbaru 2020. Lazy Load AdSense ini berfungsi untuk mempercepat loading blog dengan menunda sementara pemuatan kode js Adsense. Lalu kode js AdSense akan dimuat ketika halaman scroll oleh pengguna.

Seperti yang anda ketahui, bahwa kode iklan Google AdSense lumayan memberikan pengaruh terhadap kecepatan loading blog. Jika anda merasa loading blog keberatan atau lemot ketika dipasangi kode iklan adsense, anda bisa mencoba cara yang satu ini.

Baca Juga : Cara Mempercepat Loading Blog Blogger

Pada postingan sebelumnya saya juga sudah membagikan cara memasang lazy load, di situ saya tidak menyertakan dengan kode auto ads, jadi sekarang saya akan bagikan lazy load iklan AdSense terbaru dengan menyertakan auto ads nya.

Cara Memasang Lazy Load AdSense dengan Auto Ads Terbaru 2020


Dikarenakan saat ini AdSense sudah merubah kode auto ads menjadi lebih simpel lagi yaitu disatukan langsung dengan kode 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 di mark/tandai adalah kode untuk auto ads.

Kemudian jika anda menggunakan lazy load iklan AdSense, maka anda 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 lazy load AdSense nya akan menjadi seperti berikut ini.
<script type='text/javascript'>
//<![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 lazy load AdSense yang sudah termasuk dengan auto ads, anda tinggal menyesuaikan kode ID publisher-nya.

Baca Juga : Cara Mempercepat Loading Iklan MGID pada Blog

Sekedar mengingatkan, jika sebelumnya tema blog anda menggunakan kode lazy load AdSense yang disatukan dengan kode auto ads lama seperti di bawah ini, silahkan perbarui atau ganti dengan kode lazy load di atas tadi.
<script type='text/javascript'>
//<![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 di mark/tandai adalah kode auto ads AdSense versi lama.

Demikian Cara Memasang Lazy Load AdSense dengan Auto Ads Terbaru 2020. Semoga bermanfaat dan terima kasih sudah berkunjung. Salam AdityaTekno.com

sumber :
https://www.kompiajaib.com/2020/03/lazyload-adsense-dengan-auto-ads.html