bergabung di grup telegram kami

cara memasang lazyload adsanse dengan auto ads

cara memasang lazyload adsanse dengan auto ads

seorang blogger tentu sudah tidak asing dengan adsanse, adsanse adalah cara alternatif bagi seorang publisher untuk menghasilkan uang di blog, di sisi lain js adsanse juga mempengaruhi loading blog jadi berat.

buat kalian yang baru di terima adsanse dan telah menerapkan script yang di berikan adsanse tentu kalian akan kaget ketika melakukan cek speed blog kalian menurun hingga 40%.

oleh karena itu pada kesempatan kali ini saya akan memberikan tips cara pasang unit iklan yang benar dan menggunakan lazyload adsanse untuk mempercepat loading blog.

Apa Itu Lazyload Adsanse

lazyload adsanse adalah sebuah teknik untuk menunda pemuatan js adsanse di website menjadi tidak sinkron, dengan artian setelah konten bagian atas sepenuhnya dimuat, maka js adsanse tidak akan dimuat.

lazyload adsense ini berguna mempercepat loading blog dengan menunda sementara pemuatan js adsense. dan selanjutnya js adsense akan dimuat ketika halaman digulirkan oleh pengguna.

Cara Memasang Lazyload Adsanse

silakan salin kode di bawah ini dan letakkan di atas kode </body> jika kalian tidak menemukannya kemungkinan telah di parse sehingga menjadi &lt;!--</body>--&gt;&lt;/body&gt; dan ubah bagian yang telah saya tandai dengan kode ca-pub milik kalian dan klik simpan

<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'); var crs = document.createAttribute('crossorigin'); crs.value = 'anonymous'; ad.setAttributeNode(crs);  ad.async = true; ad.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-880246522xxxxxxx'; var sc = document.getElementsByTagName('head')[0]; sc.parentNode.insertBefore(ad, sc); })(); lazyadsense = true; } }, true)
//]]>
</script>

jika template kalian masi terdapat script ini
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-880246522xxxxxxx" crossorigin="anonymous"></script> silakan di hapus.

Penulisan Unit Iklan Adsense Yang Direkomendasikan

salah satu penyebab lambatnya loading blog adalah karena penulisan script adsense (adsbygoogle.js) yang berulang. jadi setiap penambahan unit iklan Anda tidak perlu menuliskan ulang script adsensenya, penulisan unit iklan yang benar seperti contoh dibawah ini


<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-880246522xxxxxxx"
     data-ad-slot="69271xxxxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Penulisan Unit Iklan Adsense Yang Tidak Direkomendasikan


<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-880246522xxxxxxx" crossorigin="anonymous"></script>
<!-- link -->
<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-880246522xxxxxxx"
     data-ad-slot="69271xxxxx"
     data-ad-format="auto"
     data-full-width-responsive="true"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

sekian cara memasang lazyload adsanse dengan auto ads semoga bermanfaat

Baca juga :
tutorial blogger

7 komentar



image quote pre code
  1. MAs bro mau nanya..

    Kode iklan yang salah inikan emang dari GA nya.

    Nah misal kita rubah manual. apa gak bermasalah
    1. Mksdnya yang ingin di tanyakan sampean, Yang saya bilang penulisan unit iklan adsanse yang tidak di rekomendasikan?

      Itu tidak lah mengubah, karna adbygoogle.js adsanse cukup pasang 1 saja di dalam template, jadi setiap buat unit kode iklan tidak perlu salin adbbygoogle.js adsanse lagi, karna akan memperlambat loading blog
    2. tadi baru aja membuat lazy load adsense.. tp gak ngaruh ya... tetap keluar iklannya pas lagi buka halaman webnya.
    3. Iklan hanya muncul ketika ada aktifitas scrol, kalau uda menggunakan lazyload js bawaan jangan di pasang lg ,jika js bawaan masi di pasang ya bakal langsung muncul
    4. Hapus semua js kaya gini , karna sudah menggunakan lazyload
      <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
  2. halo gan, mau nanya, di template median ui 1.5 kan sudah ada script layzload, nah itu mending ganti yang ini atau pakai yang ada di template aja?

    screenshot : https://ibb.co/KwPf4VX

    1. pakai yang uda di sediakan di template aja mas, karna sama aja fungsinya
© 2020 - Wendy Code

Pemblokir Iklan Terdeteksi

Matikan adBlock anda untuk dapat mengakses situs ini.

translate to english