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

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

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

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

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

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

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

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

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></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="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></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.

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

Эта информация оказалась полезной?
Как можно улучшить эту статью?