Cara Memasang Lazy Load Iklan Google AdSense di Blog - Setelah menerima email pemberitahuan blog siap menayangkan iklan Google AdSense, seorang blogger pasti merasa bahagia dengan harapan bisa mendapatkan penghasilan dari menulis. Terlebih lagi bagi kita yang masih berstatus sebagai blogger pemula.
Dengan perasaan bahagia sekaligus tegang, kita biasanya langsung melakukan pemasangan kode AdSense di HTML template. Kemudian inilah yang paling diimpi-impikan yaitu memasang script unit iklan agar segera tampil.
Setelah proses pemasangan kode dan script unit iklan, kita pasti akan mengecek apakah iklan tampil atau tidak. Namun pada saat pengecekan, terjadi masalah yaitu loading halaman yang menjadi lebih lama dibandingkan sebelumnya.
Saat itu juga, kamu mulai sadar bahwa skrip iklan lah yang menjadi penyebab loading semakin lambat. Lalu apa yang harus dilakukan agar tetap menayangkan iklan namun loading halaman tetap cepat?
Tak perlu khawatir, loading blog yang lama karena iklan AdSense merupakan hal yang wajar. Namun kamu bisa mengatasi masalah tersebut dengan memasang lazy load. Namun sebelum itu, ada baiknya untuk mengetahui apa itu lazy load, kelebihan, kekurangan, dan terakhir cara pemasangannya.
Apa itu Lazy Load?
Lazy load adalah script yang didesain khusus untuk menunda pemuatan iklan. Ada dua jenis lazy load yang banyak digunakan saat ini, yaitu menunda iklan sebelum halaman dimuat atau menunda iklan sebelum pengguna scroll halaman.
Meskipun terdapat faktor lain yang dapat mempengaruhi loading blog, tetap saja, iklan AdSense akan membuat pemuatan halaman menjadi lebih lama dibandingkan sebelumnya.
Kelebihan dan Cara Kerja Lazy Load
Seperti yang dijelaskan di atas, lazy load bekerja dengan menunda pemuatan iklan dalam waktu tertentu. Waktu tertentu? Ya, lazy load akan memprioritaskan elemen halaman terlebih dahulu. Dengan begitu, proses pemuatan akan berlangsung sebanyak dua kali.
Kekurangan Lazy Load
Dibalik kelebihannya yang dapat mempercepat loading blog, lazy load juga memiliki kekurangan. Menurut informasi yang dirangkum dari berbagai sumber, sering ada iklan yang tidak cocok dimuat dengan lazy load.
Walaupun jarang terjadi, masalah di atas memang benar adanya. Hal tersebut bisa bertambah apabila pengguna memuat halaman dengan kualitas jaringan yang buruk. Biasanya, pemuatan iklan akan berhenti secara mendadak.
Cara Memasang Lazy Load Iklan Google AdSense di Blog
Setelah mengetahui pengertian, cara kerja, kelebihan, dan kekurangan, silahkan ikuti langkah-langkah di bawah ini untuk proses pemasangan:
- Masuk ke BLOGGER
- Pilih menu TEMA
- Pilih EDIT HTML (bisa juga via menu TATA LETAK)
- Hapus script eksternal dari AdSense pada setiap unit iklan, biasanya akan seperti berikut:
- Tempel salah satu script lazy load di atas </body>
- Pilih SIMPAN
- Selesai.
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
Script Lazy Load
Scroll
Untuk opsi pertama, iklan hanya akan muncul apabila ada aktifitas scroll dari pembaca.
<script>/*<![CDATA[*/let adsenseId="ca-pub-xxxxxxxxxxxxxxxx",Ad=document.createElement("script"),lazyAd=!1;window.addEventListener("scroll",()=>{(0!=document.documentElement.scrollTop&&!1===lazyAd||0!=document.body.scrollTop&&!1===lazyAd)&&(Ad.setAttribute("crossorigin","anonymous"),Ad.async=!0,Ad.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client="+adsenseId,document.head.appendChild(Ad),lazyAd=!0)},!0);/*]]>*/</script>Timer
Untuk opsi kedua, iklan hanya akan muncul berdasarkan waktu yang telah ditentukan. Jika kamu mengatur kode sebanyak 3 detik, maka iklan hanya akan muncul 3 detik setelah situs berhasil dimuat.
<script>/*<![CDATA[*/let adsenseId='ca-pub-xxxxxxxxxxxxxxxx', Ad=document.createElement('script'), lazyAdTime=3; setTimeout(()=>{ Ad.setAttribute('crossorigin','anonymous'), Ad.async=!0, Ad.src='https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client='+adsenseId, document.head.appendChild(Ad); },lazyAdTime*1000);/*]]>*/</script>
Silahkan mengubah angka pada kode lazyAdTime=3; untuk mengatur waktu pemuatan iklan.
Scroll, Tap, localStorage
Untuk opsi ketiga, iklan hanya akan muncul apabila ada aktifitas scroll atau tap dari pembaca. Oh iya, fungsi ini hanya berlaku saat kunjungan pertama. Selanjutnya, iklan akan muncul seperti normal (tanpa scroll, tap, atau timer) sehingga meminimalisir berkurangnya penghasilan dari AdSense.
<script>/*<![CDATA[*/function lazyAdLoad(){let e=document.createElement("script");e.setAttribute("crossorigin","anonymous"),e.async=!0,e.src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-xxxxxxxxxxxxxxxx",document.head.appendChild(e)}function detectLazy(){lazyAdLoad(),localStorage.setItem("lazyAd","true")}var lazyAdStorage=localStorage.getItem("lazyAd");if("true"!=lazyAdStorage){var e=!1,t=!1;window.addEventListener("scroll",()=>{(0!=document.documentElement.scrollTop&&!1===e||0!=document.body.scrollTop&&!1===e)&&(detectLazy(),e=!0,t=!0)},!0),window.addEventListener("click",()=>{!1===t&&!1===t&&(detectLazy(),t=!0,e=!0)},!0)}"true"===lazyAdStorage&&lazyAdLoad();/*]]>*/</script>Jangan lupa untuk menghapus kode ca-pub-xxxxxxxxxxxxxxxx dengan kode publikasi iklan kamu.
Penutup
Loading blog yang lambat biasanya akan memberikan efek negatif yang sangat merugikan. Selain memberikan peringkat artikel yang rendah, loading blog yang lambat juga akan menurunkan minat pengunjung untuk membaca artikel kita. Menurut survei yang telah dilakukan, pengunjung akan menutup situs atau blog yang tidak dapat dimuat dalam waktu 4 detik.
Jika mengalami masalah loading blog yang lambat akibat iklan Google AdSense, maka lazy load bisa menjadi solusi terbaik yang bisa digunakan.
Cukup sekian artikel tentang Cara Memasang Lazy Load Iklan Google AdSense di Blog ini, Terima kasih.