Настройка высоты объявления в фиде

AdSense автоматически корректирует высоту объявлений в фидах так, чтобы реклама полностью помещалась в доступном пространстве. Поэтому в большинстве случаев издателям не нужно настраивать высоту таких объявлений. Впрочем, если у вас есть особые требования к высоте объявлений в фиде, вы можете изменить рекламный код, указав нужную высоту. Ее значение может быть фиксированным или переменным (в зависимости от того, используется ли на вашем сайте адаптивный дизайн).

Обратите внимание, что приведенные в этой статье примеры являются разрешенными модификациями рекламного кода AdSense. Это означает, что изменив код объявления в фиде указанными ниже способами, вы не нарушите правила программы AdSense.

Как установить фиксированную высоту (для сайтов без адаптивного дизайна)

Чтобы задать фиксированную высоту для объявления в фиде, добавьте атрибут height в код объявления, например height:120px. Используйте этот параметр, если объявление содержится в статичном (неадаптивном) контейнере.

Если вы не знаете, какую именно высоту нужно установить, вы можете определить точную высоту (без пустых областей) с помощью встроенных в веб-браузер инструментов для разработчиков. Подробнее...

В этом примере представлен код объявления с фиксированной высотой 120 пикселей:

<script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-12345" 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="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Как установить переменную высоту (для сайтов с адаптивным дизайном)

Если ширина блока объявления в фиде подстраивается с учетом размера экрана (т. е. используется адаптивный дизайн), то в коде нужно реализовать зависимость высоты объявления от ширины экрана с помощью запросов CSS @media.

Чтобы выбрать точные значения высоты, выполните следующие действия:

1. Проверьте, как ваш сайт отображается при различных значениях ширины экрана, например 350, 500 и 1000 пикселей.
2. Для каждого из этих значений определите точную высоту объявления (без пустых областей) с помощью встроенных в веб-браузер инструментов для разработчиков. Подробнее...

В этом примере кода для экранов с шириной 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=ca-pub-12345" 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="ca-pub-12345"
     data-ad-slot="123456"></ins>
<script>
     (adsbygoogle = window.adsbygoogle || []).push({});
</script>

Важно! В приведенном выше примере кода мы визуально выделили изменения, которые нужно внести. Убедитесь, что вы используете одно и то же название класса (например, infeed) во всем коде объявления.

Изменив код, не забудьте протестировать объявление в фиде при разных размерах экрана, чтобы удостовериться, что выбранная высота подходит для всех устройств.

Почему в объявлениях в фиде иногда появляются пустые области или кнопка "Ещё"?

Блоки объявлений в фидах являются адаптивными и поддерживают широкий диапазон размеров области просмотра. Размеры объявления автоматически корректируются так, чтобы оно полностью заполняло свой контейнер в фиде. Высота зависит от фактического содержания объявления и от настроек объявления в фиде, заданных вами в AdSense.

Когда объявление находится в области просмотра (т. е. в видимой части экрана), иногда высоту объявления нельзя скорректировать так, чтобы при этом не изменилась компоновка элементов страницы под объявлением. В таких случаях в блоке объявления могут оставаться пустые области или появляться кнопка "Ещё" , позволяющая развернуть объявление. Это делается для того, чтобы сайт производил хорошее впечатление на пользователей.