Cara Memasang Lazy Load AdSense di Blogger (Loading Cepat & Ringan)
Apakah performa blog Anda anjlok drastis setelah memasang iklan? Masalah ini sering terjadi karena script bawaan Google AdSense memaksa browser untuk memuat semua sumber daya iklan sekaligus saat halaman dibuka. Akibatnya, loading blog menjadi berat dan nilai Core Web Vitals di mata Google pun menurun.
Solusi paling efektif untuk mengatasi hal ini adalah dengan menerapkan Lazy Load AdSense. Teknik ini bekerja dengan cara menunda pemuatan iklan sampai pengunjung melakukan interaksi (scroll). Dengan script dari FerdiChocs, blog Anda akan tetap ringan tanpa harus mengorbankan potensi pendapatan iklan.
Mengapa Wajib Menggunakan Lazy Load?
Script Lazy Load bertugas untuk menahan eksekusi JavaScript eksternal yang berat. Iklan hanya akan dipanggil ketika pengguna menggulir layar. Hal ini membuat First Contentful Paint (FCP) menjadi sangat cepat, mengurangi Bounce Rate, dan memberikan pengalaman membaca yang jauh lebih nyaman bagi pengunjung blog Anda.
Langkah 1: Hapus Script Iklan Lama
Sebelum memasang script pengoptimal ini, Anda wajib membersihkan template dari kode pemanggil iklan bawaan. Jika tidak dihapus, lazy load tidak akan berfungsi karena script asli akan tetap berjalan duluan.
Silakan cari dan hapus kode script seperti di bawah ini yang biasanya menempel pada setiap widget iklan atau di dalam template:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000" crossorigin="anonymous"></script>Pastikan Anda hanya menghapus baris script pemanggilnya saja. Kode unit iklan (<ins>...</ins>) biarkan tetap pada posisinya.
Langkah 2: Pasang Script Lazy Load AdSense
Setelah kode lama bersih, ikuti langkah-langkah berikut untuk memasang script Lazy Load:
Masuk ke Dashboard Blogger.
Buka menu Tema (Theme) lalu pilih Edit HTML.
Gunakan fitur pencarian (CTRL+F) untuk menemukan kode
</body>.Salin kode di bawah ini dan tempelkan tepat di atas kode
</body>tersebut.Simpan & selesai.
<script type='text/javascript'>
//<![CDATA[
// Lazy Load AdSense by FerdiChocs
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.type = 'text/javascript';
ad.async = true;
ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-0000000000000000';
ad.crossOrigin = 'anonymous';
var sc = document.getElementsByTagName('script')[0];
sc.parentNode.insertBefore(ad, sc);
})();
lazyadsense = true;
}
}, true);
//]]>
</script>client=ca-pub-0000000000000000 pada kode di atas. Anda WAJIB mengganti angka 0000... tersebut dengan ID Publisher AdSense milik Anda sendiri agar iklan dapat muncul dan pendapatan masuk ke akun yang benar.
Kesimpulan
Kecepatan website adalah salah satu faktor ranking SEO yang vital. Dengan menerapkan script Lazy Load AdSense sederhana ini, Anda telah melakukan optimasi teknis yang signifikan. Blog menjadi lebih ringan, pengunjung lebih betah, dan performa iklan tetap terjaga. Selamat mencoba!