Setelah permintaan iklan dibuat, unit iklan AdSense akan menginformasikan apakah unit iklan diisi dengan materi iklan atau tidak. Anda dapat memeriksa persentase unit iklan yang tidak terisi dengan meninjau cakupan rata-rata di pelaporan AdSense.
Setelah unit iklan selesai meminta iklan, AdSense akan menambahkan parameter ke elemen <ins> yang disebut data-ad-status. Catatan: data-ad-status tidak sama dengan data-adsbygoogle-status, yang digunakan oleh kode iklan kami untuk tujuan pemrosesan iklan.
Bergantung pada apakah iklan ditampilkan atau tidak, parameter ini akan diperbarui menjadi salah satu opsi berikut:
data-ad-status="filled" |
Iklan dikirim ke unit iklan dan kini ditayangkan. |
data-ad-status="unfilled" |
Tidak ada iklan yang dikirim dan unit iklan kosong. |
Apa yang dilakukan AdSense terhadap unit iklan yang tidak terisi
Jika unit iklan AdSense "tidak terisi", kami mencoba menciutkan unit iklan tersebut atau menampilkan ruang kosong. Kami hanya menciutkan unit iklan jika unit iklan tersebut tidak akan menyebabkan perubahan posisi elemen di halaman, yang berarti hanya unit iklan di luar area pandang yang diciutkan. Untuk semua unit iklan yang tidak terisi lainnya, kami akan mempertahankan ukuran unit iklan tersebut, dan akan menampilkan ruang kosong.
Cara menyembunyikan unit iklan yang tidak terisi
(tingkat lanjut) Anda dapat memilih untuk mendukung perilaku ini menggunakan CSS atau JavaScript. Misalnya, jika ingin menyembunyikan semua unit iklan yang tidak terisi, Anda dapat menggunakan CSS untuk menerapkan gaya
display: none !important; ke elemen.
Contoh 1: Menyembunyikan unit iklan yang tidak terisi menggunakan CSS
Anda dapat menambahkan gaya CSS berikut ke halaman untuk secara otomatis menyembunyikan unit iklan yang tidak terisi:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:block"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890"
data-ad-format="auto"
data-full-width-responsive="true"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
ins.adsbygoogle[data-ad-status="unfilled"] {
display: none !important;
}
Contoh 2: Menampilkan gambar hanya jika unit iklan tidak terisi
Jika unit iklan tidak menampilkan iklan, Anda dapat memilih untuk menampilkan iklan internal:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script>
<ins class="adsbygoogle"
style="display:inline-block;width:300px;height:250px"
data-ad-client="ca-pub-1234567890123456"
data-ad-slot="1234567890">
<a href="/page"><img src="/backup.jpg" width="300px" height="250px"></a>
</ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
ins.adsbygoogle a {
display: none !important;
}
ins.adsbygoogle[data-ad-status="unfilled"] a {
display: block;
}
Atau, jika memilih menggunakan JavaScript untuk memperbarui halaman, Anda dapat menggunakan MutationObserver untuk mendeteksi perubahan parameter data-ad-status dan mengeksekusi kode JavaScript berdasarkan perubahan tersebut.
Batasan
Parameter data-ad-status hanya ditambahkan ke unit iklan yang ada di jendela atas. Artinya parameter data-ad-status tidak akan ditambahkan ke unit iklan yang ditayangkan melalui jendela lintas-domain.
Kami juga tidak menyarankan pemuatan unit iklan AdSense yang awalnya tersembunyi, dengan tujuan untuk menampilkannya setelah parameter data-ad-status berubah. Jika unit iklan awalnya tidak terlihat pada halaman, kami mungkin tidak akan menjalankan permintaan iklan untuk unit iklan tersebut.
