Lazy Load adalah teknik untuk menunda pemuatan elemen pada halaman web, seperti gambar atau iklan, sampai elemen tersebut diperlukan (misalnya, ketika pengguna menggulir ke bagian tertentu dari halaman). Ini membantu mempercepat waktu pemuatan halaman dan meningkatkan pengalaman pengguna.
Pada artikel ini, kita akan membahas langkah-langkah untuk memasang Lazy Load Adsense di platform Blogger. Ayo kita simak bersama analiswinter.com.
Cara Memasang Lazy Load Adsense di Blogger
1. Buka blogger kalian
2. Pilih Tema
3. Pada menu SESUAIKAN, pilih Edit HTML
4. Kemudian letakkan kode dibawah ini tepat berada diatas kode </body>
<script>
//<![CDATA[
var lazyadsense = false;
window.addEventListener("scroll", function(){
if ((document.documentElement.scrollTop != 0 && lazyadsense === false) || (document.body.scrollTop != 0 && lazyadsense === false)) {
(function() { var ad = document.createElement('script'); ad.setAttribute('crossorigin','anonymous'); ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxx'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
lazyadsense = true;
}
}, true);
//]]>
</script>5. Jika sudah pilih Simpan Tema
6. Untuk menerapkan iklan AdSense kalian, kita hanya perlu menghapus kode bawaan ikan ini
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-XXXXXXXXXXXX"
crossorigin="anonymous"></script>7. Makan hasilnya akan seperti ini
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-XXXXXXXXXX"
data-ad-slot="XXXXXXXXX"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>8. Ganti XXXXXX dengan ID dan Kode iklan kalian sendiri
Setelah Lazy Load diaktifkan, lakukan uji coba untuk memastikan iklan dimuat secara benar saat pengguna menggulir halaman. Kalian juga bisa memanfaatkan alat seperti Google PageSpeed Insights untuk mengukur seberapa besar pengaruh Lazy Load terhadap kecepatan situs kita.
Dengan memasang Lazy Load pada iklan Adsense di Blogger, kita dapat meningkatkan kecepatan halaman dan pengalaman pengguna tanpa mengurangi potensi pendapatan iklan. Ikuti langkah-langkah di atas untuk memastikan iklan hanya dimuat saat diperlukan, sehingga mempercepat waktu loading halaman dan menjaga performa blog tetap optimal. Sekian dari analiswinter.com, terimakasih.