Mempercepat Loading Blog dengan Lazyload AdSense Terbaru 2020

Salah satu sumber penghasilan bagi para blogger adalah melalui Google AdSense. Namun, tak dapat dipungkiri bahwa keberadaan iklan-iklan AdSense memperlambat waktu loading halaman.

Untuk menyiasatinya, kita bisa menggunakan Lazyload Adsense. Cara kerja Lazyload dalam mempercepat loading blog adalah dengan menunda sementara pemuatan JS Adsense. JS Adsense tetap akan dimuat ketika halaman digulirkan oleh pengunjung situs.

Saat ini AdSense sudah merubah kode auto ads menjadi lebih simple yaitu dengan menyatukannya langsung dengan JS AdSense. Oleh sebab itu, kali ini saya akan membagikan script Lazyload Adsense terbaru dengan menyertakan auto ads.

<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.

(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 ini

Lazyload Adsense Auto Ads

Silahkan ganti ca-pub-xxxxxxxxxxx dengan pub kamu

<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>

Kode yang tertulis di atas adalah Lazyload AdSense yang sudah termasuk dengan audo ads. Kamu hanya perlu menyesuaikan kode ID Publisher-nya sesuai dengan keinginan.

Jika sebelumnya blog kamu 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>

Selamat mencoba!

3 pemikiran pada “Mempercepat Loading Blog dengan Lazyload AdSense Terbaru 2020”

Tinggalkan komentar