Cara Memasang Lazy Load Adsense

cara memasang lazy load adsense

Cara memasang lazy load adsense adalah membuat load iklan adsense ditampilkan setelah semua konten html tereksekusi, kemudian iklan akan muncul setelah kita menggulir halaman. Lalu apa yang tampil pada space iklan adsense tersebut? yang tampil adalah Lazy Load Adsense. Nah kita akan membahas bagaimana cara memasang lazy load adsense ini dengan mudah. kemudian apa fungsi lazy load? Sebagain blogger mengatakan, ini adalah trik agar kecepatan loading blog tidak menurun karena pengaruh kode JS Adsense. Jadi apakah betul bahwa mempercepat loading blog dengan lazy load adsense adalah sebuah trik? ya, betul.

Memasang lazy load adsense ini sebetulnya adalah trik semata agar kecepatan loading blog tetap bertahan. Karena 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.

Mengaktifkan lazy load adsense akan membantu beberapa hal penting di Blogger atau Blogspot, diantaranya mengatasi loading blog yang lama karena iklan Adsense. Lazy load adsense juga cukup ampuh mencegah banned Adsense akibat pelanggaran trafik yang tidak valid. Dalam hal ini, trafik yang dimaksud adalah perilaku bot atau jigling.

Terkait dengan kecepatan loading blog akibat tayangan iklan Adsense, fitur lazy load akan sangat membantu jika hanya menggunakan satu JS Adsense saja. Kode JavaScipt adsense yang dimaksud adalah seprti kode JS berikut;

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

Jadi, JS Adsense itulah yang akan kita elaborasi ke dalam JS Lazy load sehingga kedua nya akan sama-sama bekerja tanpa mempengaruhi performa blog dan iklan adsense. Jika di dalam template masih terdapat kode seperti di atas, baik itu yang letaknya di Gadget atau di Edit HTML, maka sebaikknya dihapus lebih dulu. Sebab, tidak akan bekerja fitur Lazy load Adsense jika JS tersebut tidak dihapus.


Cara Memasang Lazy Load Adsense

Berikut adalah trik bagaimana cara memasang lazy load adsense agar dapat membantu mempercepat loading blog meskipun terdapat iklan adsense dengan kode JS Adsense nya.

1# Memasang Lazy Load Iklan Adsense di Semua Device

Jika ingin mengaktifkan Lazy Load pada Iklan Adsense untuk semua perangkat atau device, seperti Laptop / PC, tablet dan smartphone serta perangkat seluler lainnya, maka lakukan cara berikut ini:

Masuk ke Edit HTML, cari kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;
Kemudian 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>

Sebagai alternatif, dapat 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>

Selesai, lalu Simpan Tema.

2# Menambahkan Fitur Lazy load Iklan Adsense yang Hanya Aktif pada Tampilan Desktop

Maksudnya adalah fitur lazy load ini tidak akan aktif pada perangkat mobile atau smartphone dan diluar tampilan desktop lainnya. Ini dilakukan dengan menggunakan tag khusus tampilan mobile berdasarkan sebuah kondisi. Berikut langkah-langkah implementasinya;

Masuk ke Edit HTML, cari kode </body> atau &lt;!--</body>--&gt;&lt;/body&gt;
Letakkan kode berikut tepat di atas kode tersebut:

<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>

Alternatif lain jika kode di atas tidak bekerja, silahkan coba juga kode berikut ini:

<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, jangan lupa Simpan Tema.

Sampai pada bahasan ini trik untuk mempertahankan kecepatan loading blog karena pengaruh JS adsense dengan cara memasang lazy load adsense telah selesai. Kemudian apakah ada dampak atau akibat dari memasang lazy load adsense ini? silahkan simak ulasan berikut.

# Kekurangan Mengaktifkan Lazy Load Iklan Adsense

Namun sebetulnya adalah tidak ada kekurangan yang berarti berhubugan dengan mengaktifkan atau menambahkan JS Lazy load Iklan Adsense di blog, intinya tidak ada masalah yang besar. Itu jika di blog tidak dipasang slot iklan Adsense Page Level Ads, yang biasanya tampil di perangkat mobile atau smartphone.

Kenapa? karena mengaktifkan lazy load 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.

Lalu apa kekurangan lazy load adsense? 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? Ya, sebaiknya kita cari trik pendamping terkait kekurangan ini. 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, karena akan menjadi cepatnya loading blog.

Namun, penjelasan di atas mengatakan bahwa mengaktifkan lazy load adsense akan menambah kecepatan blog. Iya, jika dibandingkan dengan kecepatan blog sebelum memasang lazy load, dengan keadaan sama-sama memuat iklan adsense. Untuk memastikan sebaiknya kita lakukan test dengan beberapa tools seperti GTMetrix atau Pingdoom. Test secara aple to aple pada 1 blog saja, sama-sama memuat iklan adsense, sebelum dan sesudah memasang lazy load adsense.


Cara Memasang Lazy Load Adsense


Demikian penjelasan panjang lebar mengenai lazyload bagaimana cara memasang lazy load adsense yang informasinya dapat membantu mempercepat loading blog yang dipasang iklan adsense. Semoga dapat bermanfaat.

Belum ada Komentar untuk "Cara Memasang Lazy Load Adsense"

Posting Komentar

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel