Dalam artikel ini, kita akan membahas tentang bagaimana Google AdSense berperilaku terhadap unit iklan yang tidak terisi. Dengan menggunakan kode iklan kami, parameter data-ad-status
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.
Jika unit iklan AdSense "tidak terisi", kami akan 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
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:
HTML:
<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>
CSS:
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:
HTML:
<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>
CSS:
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.
Saya harap ini membantu Anda dalam memahami bagaimana Google AdSense berperilaku terhadap unit iklan yang tidak terisi. Jika Anda memiliki pertanyaan atau ingin meningkatkan pengetahuan, silakan hubungi kami!