Cara Memasang Lazy Load Adsense Blogger Terbaru

Saifulah.id - Pasang iklan Google Adsense di Blogger tidak serta merta asal copy paste kode iklan dari akun Google Adsense ke dalam template Blogger. Melainkan sebelumnya harus di pasang Lazy Load Adsense agar iklan tidak memperlambat kecepatan Blog.

Fungsi dari lazy load Adsense adalah untuk menunda pemuatan iklan saat pertama kali website di kunjungi. Sehingga konten utama dari blog bisa muncul lebih awal dibanding iklan Google itu sendiri.

Iklan baru akan dimuat ketika pengunjung mengusap layar ke bawah atau men-scroll halaman. Artinya artikel lebih diprioritaskan tampil dibanding script eksternal dari Adsense yang berpotensi mempengaruhi performa blog.

Berikut tutorial cara memasang lazy load Google Adsense pada platform Blogger.

Cara Menggunakan Script Lazy Load Adsense

1. Buka blogger.com
2. Tekan Tema
3. Pilih Edit HTML
4. Tekan Ctrl + F dan cari kode berikut
   pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
5. Hapus semua kode yang kamu temukan dari kode <script sampai </script>. Biasanya jumlahnya sama dengan jumlah iklan yang terpasang di blog kamu.
6. Jika sudah, cari kode </body> biasanya terletak paling bawah.
7. Lalu letakkan kode berikut di atas </body>
<script type='text/javascript'> //<![CDATA[ // Lazy Load AdSense 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";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); //]]> </script>
8. Tekan Simpan Tema

PENTING!

Jika ingin memasang kode unit iklan baru, copy mulai dari kode <ins class="adsbygoogle" hingga kode </script> , jadi JavaScript yang ada diatasnya tidak usah dipasang kembali.

Contoh:

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

<!-- Banner Atas -->

<ins class="adsbygoogle"

     style="display:block"

     data-ad-client="ca-pub-0000000000000000"

     data-ad-slot="0000000000"

     data-ad-format="auto"

     data-full-width-responsive="true"></ins>

<script>

     (adsbygoogle = window.adsbygoogle || []).push({});

</script>

Keterangan:

• Warna kuning: bagian yang tidak boleh dimasukkan ke template.
• Warna biru: bagian yang boleh ditaruh di dalam template blog.

Setelah menggunakan lazy load Adsense, coba cek kembali kecepatan blog via alat pengecek kecepatan populer seperti PageSpeed Insights, GT Metrix, Web Dev, dan Pingdom Tools. Jika tutorial di atas sudah di ikuti dengan benar, maka blog kalian akan lebih cepat dibanding sebelumnya.