Рекламні блоки

Як за допомогою параметра data-ad-status приховати пусті рекламні блоки

Далі: Поширені запитання про формати оголошень

Рекламні блоки AdSense оновлюються, коли виконано запит на оголошення. Завдяки цьому можна дізнатися, містить рекламний блок оголошення чи залишається пустим. Ви можете дізнатися відсоток пустих рекламних блоків, переглянувши середнє покриття у звітах AdSense.

Після того як рекламний блок виконає запит оголошення, система AdSense додає параметр <ins>, який називається data-ad-status. Примітка. Параметр data-ad-status не варто плутати з параметром data-adsbygoogle-status, який використовує наш код оголошення для обробки реклами.

Залежно від того, чи було повернено оголошення, значення параметра змінюється на одне з вказаних нижче.

`data-ad-status="filled"`	Оголошення повернено в рекламний блок і наразі відображається.
`data-ad-status="unfilled"`	Оголошення не повернено, а рекламний блок пустий.

Як AdSense використовує пусті рекламні блоки

Якщо рекламний блок AdSense пустий ("unfilled"), за можливості його буде згорнуто або замість нього буде показано пусте місце. Ми згортаємо рекламні блоки, лише якщо це не призводить до перекомпонування сторінки, тобто лише рекламні блоки, які розміщено поза областю перегляду. Розмір усіх інших пустих рекламних блоків зберігається. Замість них відображаються порожні місця.

Як приховати пустий рекламний блок

Advanced content (Потребує спеціальних навичок) Ви можете оптимізувати цей процес за допомогою CSS або JavaScript. Наприклад, якщо ви хочете приховати всі пусті рекламні блоки, можна скористатися CSS, щоб застосувати до елемента стиль display: none !important;.

Приклад 1. Як приховати пусті рекламні блоки за допомогою CSS

Щоб автоматично приховувати пусті рекламні блоки, додайте на свою сторінку зазначені нижче стилі CSS.

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;
}

Приклад 2. Як показувати зображення, лише коли рекламний блок пустий

Якщо рекламний блок пустий, ви можете запустити показ власних оголошень

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;
}

Якщо ж ви використовуєте JavaScript для оновлення сторінки, застосуйте MutationObserver, щоб виявляти зміни параметра data-ad-status і виконувати код JavaScript на основі цих змін.

Обмеження

Параметр data-ad-status додається лише до рекламних блоків у верхньому вікні (до рекламних блоків, для яких використовується міждоменне вікно, параметр data-ad-status не додається).

Ми також не рекомендуємо завантажувати рекламні блоки AdSense як початково приховані, щоб зробити їх видимими після зміни параметра data-ad-status. Якщо рекламний блок не відображатиметься в режимі попереднього перегляду, ми не зможемо виконати для нього запит оголошення.

Чи корисна ця інформація?

Як можна її покращити?