Рекламные блоки AdSense обновляются при получении запроса объявления, который помогает узнать, содержит ли блок объявление или является пустым. Вы можете узнать процент пустых рекламных блоков, проверив среднее покрытие в отчетах AdSense.
Содержание
- О параметре data-ad-status
- Что AdSense делает с пустыми рекламными блоками
- Как скрыть пустые рекламные блоки
- Ограничения параметра data-ad-status
О параметре data-ad-status
После того как рекламный блок выполнит запрос объявления, система AdSense добавляет элемент <ins>
под названием data-ad-status
.
data-ad-status
отличается от параметра data-adsbygoogle-status
, который наш код объявлений использует для обработки рекламы.В зависимости от того, было ли возвращено объявление, значение параметра меняется на одно из указанных ниже.
|
Объявление было возвращено в рекламный блок и теперь показывается. |
|
Объявление не было возвращено, рекламный блок пуст. |
Что 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="i-gno/re-d1234567890123456"
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="i-gno/re-d1234567890123456"
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
добавляется только к рекламным блокам в верхнем окне. В рекламные блоки, для которых используется междоменное окно, параметр data-ad-status
не добавляется.
Кроме того, не рекомендуется загружать рекламные блоки AdSense как изначально скрытые, чтобы сделать их видимыми после изменения параметра data-ad-status
. Если рекламный блок не будет показываться на странице, система может не выполнить для него запрос объявления.