🔔 Aktifkan notifikasi disini Google News

Cara Memasang Lazy Load Adsense Blogger Terbaru

Cara Memasang Lazy Load Adsense Blogger Terbaru
Saifulah.id -
Pasang iklan Google Adsense di Blogger tidak serta merta asal copy paste kode iklan dari akun Google Adsense ke dalam template Blogger. Melainkan sebelumnya harus di pasang Lazy Load Adsense agar iklan tidak memperlambat kecepatan Blog.


Fungsi dari lazy load Adsense adalah untuk menunda pemuatan iklan saat pertama kali website di kunjungi. Sehingga konten utama dari blog bisa muncul lebih awal dibanding iklan Google itu sendiri.

Iklan baru akan dimuat ketika pengunjung mengusap layar ke bawah atau men-scroll halaman. Artinya artikel lebih diprioritaskan tampil dibanding script eksternal dari Adsense yang berpotensi mempengaruhi performa blog.

Berikut tutorial cara memasang lazy load Google Adsense pada platform Blogger.

Cara Menggunakan Script Lazy Load Adsense

  1. Buka blogger.com
  2. Tekan Tema
  3. Pilih Edit HTML
  4. Tekan Ctrl + F dan cari kode berikut
    pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
  5. Hapus semua kode yang kamu temukan dari kode <script sampai </script>. Biasanya jumlahnya sama dengan jumlah iklan yang terpasang di blog kamu.
  6. Jika sudah, cari kode </body> biasanya terletak paling bawah.
  7. Lalu letakkan kode berikut di atas </body>
  8. <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="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(e,a)}(),lazyadsense=!0)},!0); //]]> </script>
  9. Tekan Simpan Tema

PENTING!

Jika ingin memasang kode unit iklan baru, copy mulai dari kode <ins class="adsbygoogle" hingga kode </script> , jadi JavaScript yang ada diatasnya tidak usah dipasang kembali.


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

Keterangan:
  • Warna kuning: bagian yang tidak boleh dimasukkan ke template.
  • Warna biru: bagian yang boleh ditaruh di dalam template blog.

Setelah menggunakan lazy load Adsense, coba cek kembali kecepatan blog via alat pengecek kecepatan populer seperti PageSpeed InsightsGT MetrixWeb Dev, dan Pingdom Tools. Jika tutorial di atas sudah di ikuti dengan benar, maka blog kalian akan lebih cepat dibanding sebelumnya.

Mau donasi lewat mana?

SeaBank - Saifullah (9016-9529-0071)

BRI - Saifullah (05680-10003-81533)

BCA Blu - Saifullah (007847464643)

JAGO - Saifullah (1060-2675-3868)

BSI - Saifullah (0721-5491-550)
Merasa terbantu dengan artikel ini? Ayo dukung dengan memberikan DONASI. Tekan tombol merah.
PT Saifullah Digital Advantec

9 komentar

Popular Emoji: 😊😁😅🤣🤩🥰😘😜😔😪😭😱😇🤲🙏👈👉👆👇👌👍❌✅⭐
  1. Bang bantu masukannya, untuk width dan height pada header, ada solusi k bang.??,,Makasih
    1. Ada apa dengan width & height header? Bisa kirim screenshot masalahnya bg?
  2. Kak kalau buat tampilan label di samping komentar seperti punya kak gimana.?

    Bantu tutorialnya ka kak.

    Pleaseeee......
    Makasih..
  3. Saya tunggu tutorialnya ya kak.
    Makasih..
  4. cara atasi error < frame > sama [aria-*] gimana ya kak?
    1. Biasanya karena ada postingan yang mengandung iframe. Coba kirim alamat blognya.
    2. saya pake median ui amp kak, itu frame adsense sama toc yg errornya..
    3. Berat sih kalau pakai template AMP, kalau gk ngerti struktur dasar bisa banyak kode yg gk valid & malah error.

      Saya sendiri gak berani pakai versi AMP karena justru bikin fokus perbaiki template ketimbang fokus ke bikin konten.
  5. Mas, buatin widget pop up kupon promo di blog donk hehehe
Centang Beri Tahu Saya untuk mendapatkan notifikasi ketika komentar kamu sudah di jawab.
Parse:

Gambar Quote Pre Kode



  • Home


  • Follow


  • MENU


  • Share


  • Comment
Cookie Consent
Kami menyajikan cookie di situs ini untuk menganalisis lalu lintas, mengingat preferensi Anda, dan mengoptimalkan pengalaman Anda.
Oops!
Sepertinya ada yang salah dengan koneksi internet Anda. Harap sambungkan ke internet dan mulai menjelajah lagi.