Рекламні блоки AdSense оновлюються, коли виконано запит на оголошення. Завдяки цьому можна дізнатися, містить рекламний блок оголошення чи залишається пустим. Ви можете дізнатися відсоток пустих рекламних блоків, переглянувши середнє покриття у звітах AdSense.
Після того як рекламний блок виконає запит оголошення, система AdSense додає параметр <ins>
, який називається data-ad-status
. Примітка. Параметр data-ad-status
не варто плутати з параметром data-adsbygoogle-status
, який використовує наш код оголошення для обробки реклами.
Залежно від того, чи було повернено оголошення, значення параметра змінюється на одне з вказаних нижче.
data-ad-status="filled" |
Оголошення повернено в рекламний блок і наразі відображається. |
data-ad-status="unfilled" |
Оголошення не повернено, а рекламний блок пустий. |
Як AdSense використовує пусті рекламні блоки
Якщо рекламний блок AdSense пустий ("unfilled
"), за можливості його буде згорнуто або замість нього буде показано пусте місце. Ми згортаємо рекламні блоки, лише якщо це не призводить до перекомпонування сторінки, тобто лише рекламні блоки, які розміщено поза областю перегляду. Розмір усіх інших пустих рекламних блоків зберігається. Замість них відображаються порожні місця.
Як приховати пустий рекламний блок
(Потребує спеціальних навичок) Ви можете оптимізувати цей процес за допомогою CSS або JavaScript. Наприклад, якщо ви хочете приховати всі пусті рекламні блоки, можна скористатися CSS, щоб застосувати до елемента стиль display: none !important;
.
Приклад 1. Як приховати пусті рекламні блоки за допомогою CSS
Щоб автоматично приховувати пусті рекламні блоки, додайте на свою сторінку зазначені нижче стилі CSS.
<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;
}
Приклад 2. Як показувати зображення, лише коли рекламний блок пустий
Якщо рекламний блок пустий, ви можете запустити показ власних оголошень
<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;
}
Якщо ж ви використовуєте JavaScript для оновлення сторінки, застосуйте MutationObserver, щоб виявляти зміни параметра data-ad-status
і виконувати код JavaScript на основі цих змін.
Обмеження
Параметр data-ad-status
додається лише до рекламних блоків у верхньому вікні (до рекламних блоків, для яких використовується міждоменне вікно, параметр data-ad-status
не додається).
Ми також не рекомендуємо завантажувати рекламні блоки AdSense як початково приховані, щоб зробити їх видимими після зміни параметра data-ad-status
. Якщо рекламний блок не відображатиметься в режимі попереднього перегляду, ми не зможемо виконати для нього запит оголошення.