2 Cara Memasang Lazy Load Iklan Adsense

Memasang lazy load pada iklan Adsense ini sebetulnya adalah trik semata. Karena sebetulnya JavaScript lazyload yang dimaksud adalah memanfaatkan JS load on scroll. Sederhananya, penayangan iklan Adsense ditunda sementara sampai pengunjung melakukan scroll pada halaman blog atau website.
Cara Memasang Lazy Load Iklan Adsense

Mengaktifkan lazy load Adsense akan membantu beberapa hal penting di Blogger atau Blogspot. Diantaranya mengatasi loading blog yang lama karena iklan Adsense, dan (kalau diperhatikan) lazy load ini cukup ampuh mencegah banned Adsense akibat pelanggaran trafik yang tidak valid. Dalam hal ini, trafik yang dimaksud adalah ulah bot atau jigling.

Terkait dengan loading blog akibat tayangan iklan Adsense, fitur lazy load akan sangat membantu jika hanya menggunakan satu JavaScript Adsense saja. JavaScipt Adsense yang dimaksud adalah sebagai berikut.

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

Nah, JS Adsense inilah yang akan kita elaborasi ke dalam JS Lazyload. Jika di dalam template masih terdapat kode seperti di atas, baik itu yang letaknya di Gadget dan di Edit HTML, maka segeralah di hapus dulu. Sebab, tidak akan working fitur Lazy load Adsense jika JS seperti itu tidak dihapus.

Lalu lakukan salah satu cara berikut ini:

Simak juga: Membuat Load More Otomatis Saat di Scroll

#Cara 1: Memasang Lazy Load pada Iklan Adsense di Semua Device 

Jika ingin mengaktifkan Lazy Load pada Iklan Adsense untuk semua perangkat, mulai dari Laptop/PC, tablet dan smartphone (perangkat seluler), maka lakukan cara berikut ini:

Masuk ke Edit HTML, cari kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

Lalu letakkan kode berikut di atasnya:
<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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>

Atau, bisa juga menggunakan kode berikut ini:
<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.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
    lazyadsense = true;
  }
}, true)
//]]>
</script>

Setelah itu Simpan Tema.

#Cara 2: Menambahkan Fitur Lazyload Iklan Adsense yang Hanya Aktif pada Tampilan Desktop (PC/Laptop)

Dalam pengertian lain, fitur lazy load ini tidak akan aktif pada perangkat mobile atau smartphone. Cara berikut ini menggunakan Conditional Tag Khusus Tampilan Mobile.

Berikut cara penerapannya.

Masuk ke Edit HTML, cari kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;

Letakkan kode berikut di atas kode tadi:
<b:if cond='data:blog.isMobileRequest == &quot;true&quot;'>
<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<b:else/>
<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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0);
//]]>
</script>
</b:if>

Atau kode seperti ini juga bisa:
<b:if cond='data:blog.isMobileRequest == &quot;false&quot;'>
<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.type = 'text/javascript'; ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js'; var sc = document.getElementsByTagName('script')[0]; sc.parentNode.insertBefore(ad, sc); })();
    lazyadsense = true;
  }
}, true)
//]]>
</script>
<b:else/>
<script async="async" src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
</b:if>

Terakhir, Simpan Tema

Membedah Kekurangan Mengaktifkan Lazy Load Iklan Adsense

Sebetulnya tidak ada kekurangan yang berarti dalam mengaktifkan atau menambahkan JavaScript Lazy load Google Adsense di blog. Tidak ada masalah besar. Jika di blog tidak dipasang slot iklan Adsense Page Level Ads, yang biasanya tampil di perangkat mobile atau smartphone.

Sebab, jika berani mengaktifkan lazyload Adsense untuk tampilan HP atau mobile, akan membuat iklan Adsense jenis Page Level Ads tidak akan tampil atau lebih sering tidak tampil. Utamanya Page Level Ads tipe overlay.

Intinya, kekurangannya adalah akan membuat pemilik blog menjadi kurang penghasilan dari iklan Adsense. Setidaknya penghasilan dari slot iklan Page Level Ads, jenis iklan Adsense yang melayang-layang.

Itu saja. Selebihnya, dengan memasang Lazy laod di Adsense atau pada widget yang lain, seperti di komentar Disqus, gambar blog, related post dan lainnya, akan sangat menguntungkan, berkat menjadi cepatnya pemuatan blog.

Penutup

Beberapa orang mengatakan bahwa mengaktifkan lazy load ini akan menambah kecepatan blog. Tidak juga demikian. Sebab, hakikatnya JS lazy load ini hanya melakukan penundaan pada widget yang di lazyload-kan. Yang imbasnya menjadikan pemuatan blog yang tadinya lama, menjadi lebih cepat secara signifikan.

Kelihatannya sama. Tetapi jika merujuk pada fungsinya, itu akan sangat berbeda.

Demikian informasi tentang cara memasang lazy load iklan Google Adsense untuk Blogger atau Blogspot. Semoga bermanfaat. Jika ada komentar silahkan tuliskan, jika ada kesempatan silahkan bagikan. Terima kasih!
Niagahoster
Starts from
$2.5
/Month

Vultr

Read Review
  • One-click installation of 20+ apps
  • Available 17 worldwide locations
  • 100% local SSD and high performance Intel CPUs
  • Infinite OS combinations
Visit Site
Gunakan link di atas untuk saldo akun $100 gratis
DigitalOcean
Starts from
$5
/Month

DigitalOcean

Read Review
  • Deploy custom image, RDP, 1-Click App, or standard distribution
  • Flexibility and scalability
  • Fantastic average uptime of 99.99%
  • Infinite OS combinations (Linux and Windows)
  • Developer-friendly tools and APIs
Visit Site
Topup $25 to gets $100 in credit over 60 days with refer link above
Niagahoster
Mulai dari
Rp10K
/Bulan

Niagahoster

View Details
  • Free SSL Certificate
  • Garansi 30 hari
  • Free domain & website migration
  • Tersedia unlimited disk space (shared hosting, kecuali paket bayi)
Visit Site
Diskon unlimited hosting hingga 75%
Niagahoster
VPS mulai dari
Rp68
/Jam

IDCloudHost

View Details
  • One-Click Deploy
  • Lokasi server Indonesia termurah
  • Instal berbagai Control Panel, VM, OS dan aplikasi
  • Menghubungkan dengan API
Visit Site
Dapatkan free credit Rp50K dengan minimal topup Rp50K
Free and premium blogger templates