Panduan Lengkap Pasang Script Lazy Load Iklan AdSense Di Blog

3 min read

Panduan Lengkap Pasang Script Lazy Load Iklan AdSense di Blog

Apa itu Lazy Load?

Lazy load adalah teknik pengoptimalan yang menunda pemuatan konten tertentu, seperti gambar atau iklan, hingga diperlukan. Dengan begitu, browser hanya akan memuat konten yang terlihat di layar, sehingga menghemat bandwidth dan mempercepat waktu muat halaman.

Manfaat Lazy Load Iklan AdSense

  • Waktu muat halaman lebih cepat: Iklan AdSense yang besar dan berat dapat memperlambat waktu muat halaman. Lazy load mencegah iklan dimuat hingga pengguna menggulir ke bagian halaman yang menampilkan iklan.
  • Menghemat bandwidth: Dengan menunda pemuatan iklan, lazy load mengurangi jumlah data yang harus diunduh browser, sehingga menghemat bandwidth.
  • Pengalaman pengguna yang lebih baik: Pengguna tidak perlu menunggu iklan dimuat sebelum dapat mengakses konten halaman.

Cara Pasang Script Lazy Load Iklan AdSense

1. Tambahkan Script Lazy Load

Tambahkan script lazy load berikut ke bagian <head> template blog Anda:

<script async src="https://www.googletagmanager.com/gtag/js?id=YOUR_GTM_ID"></script>
<script>
  (function() {
    var gtm = window.dataLayer = window.dataLayer || [];
    gtm.push({'event': 'gtm.js'});
  })();
</script>

Ganti YOUR_GTM_ID dengan ID Google Tag Manager Anda.

2. Buat Variabel Data Layer

Buat variabel data layer untuk menandai iklan AdSense yang ingin Anda lazy load. Tambahkan kode berikut ke bagian <body> template blog Anda:

<script>
  dataLayer.push({'event': 'lazyload_adsense'});
</script>

3. Tambahkan Atribut Lazy Load ke Iklan AdSense

Tambahkan atribut data-lazyload ke semua tag iklan AdSense Anda, seperti contoh berikut:

<ins class="adsbygoogle"
     style="display:block"
     data-ad-client="ca-pub-1234567890"
     data-ad-slot="1234567890"
     data-ad-format="auto"
     data-full-width-responsive="true"
     data-lazyload="true"></ins>

4. Aktifkan Lazy Load di Google Ad Manager

Jika Anda menggunakan Google Ad Manager untuk mengelola iklan AdSense Anda, aktifkan lazy load di pengaturan iklan Anda:

  • Masuk ke Google Ad Manager.
  • Klik "Iklan".
  • Pilih iklan yang ingin Anda lazy load.
  • Klik "Pengaturan".
  • Di bawah "Pengoptimalan", centang kotak "Lazy load".

Jenis-Jenis Iklan AdSense yang Dapat Dilakukan Lazy Load

  • Iklan display
  • Iklan responsif
  • Iklan in-feed
  • Iklan jangkar
  • Iklan video

Tips Tambahan

  • Gunakan pengujian A/B untuk menguji dampak lazy load pada pendapatan dan pengalaman pengguna.
  • Monitor kinerja iklan Anda setelah menerapkan lazy load untuk memastikan tidak ada dampak negatif.
  • Pertimbangkan untuk menggunakan plugin lazy load pihak ketiga jika Anda tidak nyaman mengedit kode template blog Anda.

Dengan mengikuti langkah-langkah ini, Anda dapat dengan mudah memasang script lazy load iklan AdSense di blog Anda dan menikmati manfaat dari waktu muat halaman yang lebih cepat, penghematan bandwidth, dan pengalaman pengguna yang lebih baik.

Pertanyaan Umum (FAQ) tentang Cara Memasang Script Lazy Load Iklan AdSense Berbagai Jenis di Blog

Apa itu Lazy Load Iklan AdSense?

Lazy Load adalah teknik yang menunda pemuatan iklan AdSense hingga pengguna menggulir ke bagian halaman tempat iklan tersebut berada. Ini membantu meningkatkan kecepatan pemuatan halaman dan menghemat bandwidth.

Mengapa Menggunakan Lazy Load Iklan AdSense?

  • Meningkatkan kecepatan pemuatan halaman
  • Menghemat bandwidth
  • Meningkatkan pengalaman pengguna

Jenis-Jenis Iklan AdSense yang Mendukung Lazy Load

  • Iklan Display
  • Iklan In-Feed
  • Iklan In-Article
  • Iklan Penelusuran

Cara Memasang Script Lazy Load Iklan AdSense Berbagai Jenis

1. Iklan Display

Langkah 1: Dapatkan Kode Iklan

  • Masuk ke akun AdSense Anda.
  • Klik "Iklan".
  • Klik "Unit Iklan".
  • Klik "Unit Iklan Baru".
  • Pilih "Iklan Display" dan ikuti petunjuknya untuk membuat unit iklan.
  • Salin kode iklan yang dihasilkan.

Langkah 2: Tambahkan Script Lazy Load

  • Edit template blog Anda.
  • Cari kode iklan yang Anda salin sebelumnya.
  • Tambahkan skrip lazy load berikut tepat sebelum kode iklan:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

2. Iklan In-Feed

Langkah 1: Dapatkan Kode Iklan

  • Masuk ke akun AdSense Anda.
  • Klik "Iklan".
  • Klik "Unit Iklan".
  • Klik "Unit Iklan Baru".
  • Pilih "Iklan In-Feed" dan ikuti petunjuknya untuk membuat unit iklan.
  • Salin kode iklan yang dihasilkan.

Langkah 2: Tambahkan Script Lazy Load

  • Edit template blog Anda.
  • Cari kode iklan yang Anda salin sebelumnya.
  • Tambahkan skrip lazy load berikut tepat sebelum kode iklan:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

3. Iklan In-Article

Langkah 1: Dapatkan Kode Iklan

  • Masuk ke akun AdSense Anda.
  • Klik "Iklan".
  • Klik "Unit Iklan".
  • Klik "Unit Iklan Baru".
  • Pilih "Iklan In-Article" dan ikuti petunjuknya untuk membuat unit iklan.
  • Salin kode iklan yang dihasilkan.

Langkah 2: Tambahkan Script Lazy Load

  • Edit template blog Anda.
  • Cari kode iklan yang Anda salin sebelumnya.
  • Tambahkan skrip lazy load berikut tepat sebelum kode iklan:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

4. Iklan Penelusuran

Langkah 1: Dapatkan Kode Iklan

  • Masuk ke akun AdSense Anda.
  • Klik "Iklan".
  • Klik "Unit Iklan".
  • Klik "Unit Iklan Baru".
  • Pilih "Iklan Penelusuran" dan ikuti petunjuknya untuk membuat unit iklan.
  • Salin kode iklan yang dihasilkan.

Langkah 2: Tambahkan Script Lazy Load

  • Edit template blog Anda.
  • Cari kode iklan yang Anda salin sebelumnya.
  • Tambahkan skrip lazy load berikut tepat sebelum kode iklan:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>

Tips Tambahan

  • Pastikan untuk mengganti ca-pub-xxxxxxxx dengan ID penayang AdSense Anda.
  • Anda dapat menyesuaikan posisi iklan dengan mengubah nilai data-ad-slot.
  • Uji iklan Anda untuk memastikannya dimuat dengan benar.

Catatan:

  • Script lazy load ini tidak akan berfungsi pada iklan yang dilayani melalui Google Ad Manager.
  • Google merekomendasikan untuk menggunakan skrip lazy load yang disediakan di Pusat Bantuan AdSense.

Leave a Reply

Your email address will not be published. Required fields are marked *