Cara Memasang Lazy Load Adsense Terbaru Juli 2021 | new AdSense code

Cara Memasang Lazy Load Adsense Terbaru Juli 2021 | New Adsense Code – Memasang lazy load adsense adalah salah satu cara untuk menringankan loading blog. Iklan adsense dapat ditunda pemuatannya atau iklan adsense hanya akan tampil ketika user melakukan gulir atau scroll event.

cara memasang lazy load adsense untuk mempercepat loading iklan blog adalah sebagai berikut :

Waktu eksekusi : 2 minutes

Buka Dasboard Blogger

Pastikan sudah login ke akun blogger.com.

Pergi ke Tema, Edit HTML.

Pergi ke menu pengeditan “Tema” pada dashboard blogger kamu.

Hapus kode otomatis iklan Google

Seanjutnya, pada halaman pengeditan “Tema”, cari dan hapus script di bawah ini disetiap kode iklan adsense yang sudah ada.

<script async src=”//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”></script>

Kenapa harus dihapus ? karena javascript tersebut akan hanya ada di lazy load function saja. Sehingga kegunaan dari lazy load tersebut dapat menunda pemuatan script di atas (dimuat terakhir) atau hanya akan dimuat apabila pengunjung melakukan gulir pada halaman blog.

Copy dan paste Kode Lazy Load Adsense

Selanjutnya copy kode lazy load adsense berikut ini:

<script type=’text/javascript’> //<![CDATA[ var la=!1;window.addEventListener(“scroll”,function(){(0!=document.documentElement.scrollTop&&!1===la||0!=document.body.scrollTop&&!1===la)&&(!function(){var e=document.createElement(“script”);e.type=”text/javascript”,e.async=!0,e.src=”https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”;var a=document.getElementsByTagName(“script”)[0];a.parentNode.insertBefore(e,a)}(),la=!0)},!0); //]]> </script>

lalu paste sebelum tag </body> pada halaman pengeditan “theme” blog kamu.

Script diatas adalah script lazy load adsense untuk tipe scroll. Jadi hanya akan dimuat pada saat pengunjung melakukan gulir halaman blog (onscroll event).

Jika ingin memasang lazy load adsense untuk metode onload event, copy dan paste kode berikut:

<!–noptimize–> <script type=”text/javascript”> function downloadJSAtOnload() { var element = document.createElement(“script”); element.src = “https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js”; document.body.appendChild(element); } if (window.addEventListener) window.addEventListener(“load”, downloadJSAtOnload, false); else if (window.attachEvent) window.attachEvent(“onload”, downloadJSAtOnload); else window.onload = downloadJSAtOnload; </script>

Simpan dan lihat hasilnya

Simpan hasil perubahan dan lihat hasilnya.

New Adsense Code
Pada 19 Juli 2021, Google Adsense mengumumkan kode yang baru untuk meningkatkan performa iklan. Kode baru dari adsense ini sebenarnya hanya menambahkan parameter client dan dan crossorigin. Untuk lebih jelasnya bisa di lihat pada code dibawah ini.

// Contoh Kode iklan Otomatis Adsense Terbaru

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234" crossorigin="anonymous"></script>

// Contoh Kode Unit Iklan Adsense Terbaru
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234"
     data-ad-slot="5678"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Lalu bagaimana implementasi pada lazy load adsense jika kode nya baru?

Berikut implementasi kode adsense terbaru pada script lazy load adsense :

<script type='text/javascript'>
//<![CDATA[
var lazyadsense=!1;
window.addEventListener(
    "scroll",
    function() {       
        (0!=document.documentElement.scrollTop&&!1===lazyadsense||0!=document.body.scrollTop&&!1===lazyadsense) 
        &&
        (!function() {
            var e=document.createElement("script");
            e.type="text/javascript",e.async=!0,      
            e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-1234",
            e.crossOrigin="anonymous";
            
            var a=document.getElementsByTagName("script")[0];
            a.parentNode.insertBefore(e,a)

        }(), lazyadsense=!0)}, !0);
//]]>
</script>

Sekian tutorial mengenai cara pasang lazy adsense menggunakan code terbaru adsense. Semoga bermanfaat