Laporkan Penyalahgunaan

Breaking

Recent In Internet

Recent Post

LightBlog

Recent

Adbox

Technology

Cara Memasang Lazy Load Adsense di Blogger

Cara Memasang Script Lazy Load Adsense
Hari ini kita akan sedikit sharing ya, alhamdulillah blog klubseru.com telah layak bergabung dengan partner program google adsense tepatnya pada tanggal 13 November 2020, setelah 3 kali ditolak berturut-turut. Saya ucapkan terima kasih kepada teman-teman yang sudah support blog ini. 

Namun akhir-akhir ini loading blog menjadi berat setelah pasang iklan adsense. Lalu saya cari cara agar loading blog tidak terlalu berat. Setelah cari kesana kemari tutorial, akhirnya saya menemukan tutorial tersebut di blog vasiota.com

Jadi yang membuat web kita berat itu adalah pemanggilan javascript berlebihan dari iklan google adsense. Oleh karena itu kita harus memasang script lazy load adsense agar blog kita tidak terlalu berat.
Sebelumnya kalian bisa pilih salah satu script dibawah ini

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

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

Cara Memasang Lazy Load AdSense di Blogger

Untuk tutorial cara memasang lazy load adsense, saya harap anda baca dengan teliti.
Silahkan ikuti langkah-langkah berikut ini:
  1. Silahkan Buka Dasboard Blogger.
  2. Pergi ke Tema, Edit HTML.
  3. Tekan CTRL + F, masukkan kata kunci https://pagead2.googlesyndication.com untuk mencari kode script bawaan Google AdSense seperti dibawah ini.
    <script data-ad-client="ca-pub-xxx" async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  4. Hapus semua script tersebut jika terdapat lebih dari satu.
  5. Selanjutnya, tekan CTRL + F lagi untuk mencari kode </body>.
  6. Pilih dan Salin salah satu script lazy load adsense yang sudah saya bagikan diatas.
  7. Lalu letakkan tepat diatas kode </body>.
  8. Selesai.
CATATAN !!!
Jika mau memasang kode unit iklan baru, Salin kode mulai dari <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>

Demikianlah cara memasang script lazy load adsense di blogger / blogspot.
Sekarang tinggal cek pagespeed blog anda, apakah sudah lebih cepat dari sebelumnya ? Semoga tutorial ini bermanfaat, terimakasih telah berkunjung.
SHARE

Related Posts

Posting Komentar