Рекламные блоки 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. Если рекламный блок не будет показываться на странице, система может не выполнить для него запрос объявления.
