AdSense автоматически корректирует высоту объявлений в фидах так, чтобы реклама полностью помещалась в доступном пространстве. Поэтому в большинстве случаев издателям не нужно настраивать высоту таких объявлений. Впрочем, если у вас есть особые требования к высоте объявлений в фиде, вы можете изменить рекламный код, указав нужную высоту. Ее значение может быть фиксированным или переменным (в зависимости от того, используется ли на вашем сайте адаптивный дизайн).
Как установить фиксированную высоту (для сайтов без адаптивного дизайна)
Чтобы задать фиксированную высоту для объявления в фиде, добавьте атрибут height в код объявления, например height:120px
. Используйте этот параметр, если объявление содержится в статичном (неадаптивном) контейнере.
Если вы не знаете, какую именно высоту нужно установить, вы можете определить точную высоту (без пустых областей) с помощью встроенных в веб-браузер инструментов для разработчиков. Подробнее...
В этом примере представлен код объявления с фиксированной высотой 120 пикселей:
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<ins class="adsbygoogle"
style="display:block;height:120px"
data-ad-format="fluid"
data-ad-layout="image-top"
data-ad-layout-key="xxxxxxxx"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
Как установить переменную высоту (для сайтов с адаптивным дизайном)
Если ширина блока объявления в фиде подстраивается с учетом размера экрана (т. е. используется адаптивный дизайн), то в коде нужно реализовать зависимость высоты объявления от ширины экрана с помощью запросов CSS @media.
Чтобы выбрать точные значения высоты, выполните следующие действия:
- Проверьте, как ваш сайт отображается при различных значениях ширины экрана, например 350, 500 и 1000 пикселей.
- Для каждого из этих значений определите точную высоту объявления (без пустых областей) с помощью встроенных в веб-браузер инструментов для разработчиков. Подробнее о том, как определить размер изображений в фиде…
В этом примере кода для экранов с шириной 350 пикселей задана высота объявления 180 пикселей, для экранов с шириной от 500 до 800 пикселей – высота объявления 130 пикселей, а для экранов с шириной более 800 пикселей – высота объявления 200 пикселей:
<style>
@media (min-width: 350px) {
.infeed {
height: 180px;
}
@media (min-width: 500px) {
.infeed {
height: 130px;
}
}
@media (min-width: 800px) {
.infeed {
height: 200px;
}
}
</style>
<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=i-gno/re-d1234567890123456" crossorigin="anonymous"></script>
<ins class="adsbygoogle infeed"
style="display:block;"
data-ad-format="fluid"
data-ad-layout="image-top"
data-ad-layout-key="xxxxxxxx"
data-ad-client="i-gno/re-d1234567890123456"
data-ad-slot="123456"></ins>
<script>
(adsbygoogle = window.adsbygoogle || []).push({});
</script>
infeed
) во всем коде объявления.Почему в объявлениях в фиде иногда появляются пустые области или кнопка "Ещё"?
Блоки объявлений в фидах являются адаптивными и поддерживают широкий диапазон размеров области просмотра. Размеры объявления автоматически корректируются так, чтобы оно полностью заполняло свой контейнер в фиде. Высота зависит от фактического содержания объявления и от настроек объявления в фиде, заданных вами в AdSense.
Когда объявление находится в области просмотра (т. е. в видимой части экрана), иногда высоту объявления нельзя скорректировать так, чтобы при этом не изменилась компоновка элементов страницы под объявлением. В таких случаях в блоке объявления могут оставаться пустые области или появляться кнопка "Ещё" , позволяющая развернуть объявление. Это делается для того, чтобы сайт был максимально удобным для пользователей.