Lompat ke konten Lompat ke sidebar Lompat ke footer

Cara Memasang Lazy Load AdSense Blogger Terbaru

Salah satu upaya untuk mempercepat loading suatu blog adalah dengan memasang Lazy Load AdSense. Sebab memang tidak bisa dipungkiri bahwa script bawaan Google Adsense yang diharuskan untuk dipasang di blog memang cukup membuat loading blog itu sendiri menjadi berat.

Cara Memasang Lazy Load Adsense

Hal ini disebabkan karena script bawaan google adsense membawa script js external atau memanggil script dari luar. Sehingga loading blog akan cukup terpengaruhi dengan adanya kode ini.

Ada beberapa faktor yang membuat loading suatu blog menjadi berat seperti, ukuran gambar yang besar, widget yang dipasang cukup banyak, script adsense pada blog sangat banyak dan faktor-faktor lainnya.

Nah berikut adalah artikel-artikel yang mungkin dapat membantu Anda dalam mempercepat loading blog Anda, silahkan dibaca ya.

Baca Juga:

Dalam artikel kali ini kita juga akan membahas cara mempercepat loading blog dari salah satu faktor yang membuat berat loading blog itu sendiri yakni iklan Adsense.

Cara Mempercepat Loading Iklan AdSense dengan Script Lazy Load

Dengan menggunakan script lazy load adsense yang saya bagikan ini maka kecepatan blog tentunya akan bertambah. Sebab iklan yang ada di blog kita tidak akan langsung terbuka ketika pengunjung mengunjungi halaman blog kita.

Iklan baru akan terbuka ketika pengunjung melakukan scroll halaman atau menggulir halaman. Jadi secara tidak langsung, iklan akan di hambat terlebih dahulu untuk tampil sebelum pengunjung melakukan scroll halaman. Hal ini diyakini dapat mempercepat loading suatu halaman pada blog itu sendiri.

Apakah ada pengaruh buruknya?

Selama ini belum ada data yang menyatakan bahwa lazy load adsense berpengaruh buruk baik untuk blog ataupun untuk iklan adsense itu sendiri. Yang ada saat ini adalah justru lazy load adsense justru dapat membantu perkembangan blog baik dari segi kecepatan maupun seo.

Seperti kita tau bahwa umumnya kode adsense bawaan adalah seperti berikut ini.

<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

Script JS diatas lah yang akan kita ubah menjadi Lazy Load AdSense. Jika script diatas masih terpasang pada blog Anda, saya sarankan untuk dihapus terlebih dahulu. Sebab lazy load tidak akan bekerja jika script bawaan adsense seperti diatas masih terpasang dalam blog Anda.

Cara Memasang Lazy Load AdSense di Blogger

1. Pastikan Anda sudah menghapus script bawaan adsense seperti yang sudah saya jelaskan diatas. Anda bisa mencarinya dengan cara masuk ke TEMA - EDIT HTML - CRTL+F dan masukan kata kunci pagead2.googlesyndication.com. Setelah ketemu, hapus code yang sama seperti kode dibawah ini.

<script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>

2. Lanjut tekan CRTL+F lagi kemudian cari kode </body>.

3. Kemudian silahkan salin salah satu kode lazy load adsense dibawah ini.

Kode Lazy Load Adsense #1

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

Kode Lazy Load Adsense #2

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

4. Pilih dan copy salah satu script lazy load adsense yang sudah saya bagikan diatas.

5. Letakkan tepat diatas kode </body>.

6. Selesai.

PENTING!
Jika mau memasang kode unit iklan baru, copy mulai dari kode <ins class="adsbygoogle" hingga bawah, jadi JavaScript yang ada diatasnya tidak usah dipasang kembali. Contoh:

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-xxx"
     data-ad-slot="xxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>
Nah demikianlah cara memasang script lazy load adsense blogger terbaru, semoga artikelnya dapat diterapkan dengan mudah dan memberikan manfaat ya.
Ricky
Ricky Halo gan nama saya Ricky. Saya adalah seorang pemuda kampung yang sangat minat mengikuti perkembangan teknologi.

Posting Komentar untuk "Cara Memasang Lazy Load AdSense Blogger Terbaru"