Баннер

Баннер — это универсальный блок, размер которого адаптируется под размер обрамляющего контейнера на странице.

Блок доступен для мобильной и десктопной версии сайта.

Доступные форматы объявлений

В баннере могут быть показаны:

• комбинаторные объявления формата Адаптивный . Дизайн комбинаторных объявлений формируется автоматически по технологии Smart Design. Технология определяет, какое объявление с большей вероятностью привлечет внимание пользователя, и собирает его из доступных дополнений.

• медийная реклама разных форматов: как фиксированная, так и адаптивная;

• видеореклама;

• нативный баннер.

Технические требования

1. По умолчанию размер баннера определяет контейнер, который вы задаете в верстке сайта. Ограничить размер можно в интерфейсе — режимы «Адаптивный с ограничениями» и «Фиксированный».

   От размера блока зависит, какая реклама в нем покажется:

   • комбинаторные объявления — в блоке любого размера;
   • медийный баннер — если целиком помещается в блок; слишком маленькие для блока баннеры не показываются;
   • видеореклама — если блок не меньше 320 × 180 пикселей.

   Рекламодатели чаще всего используют баннеры размеров 300 × 250, 300 × 300, 320 × 50, 320 × 100 и 240 × 400. Подробнее — в разделе Настройка размеров блока.

2. Для динамических адаптивных баннеров рекомендуется:

   • Ограничивать максимальную высоту блока:

     • мобильная версия — max-height не менее 70 vh и не более 90 vh;
     • десктопная версия при размещении на боковых панелях — max-height не менее 40 vh и не более 60 vh.

   • Добавлять плейсхолдер — контейнер внутри рекламного блока, который занимает место в верстке, пока не отобразилась реклама. Высота плейсхолдера рассчитывается по формуле placeholder = max-height × 0,9.

     Это позволит избежать сдвигов контента при загрузке рекламы и минимизировать ее влияние на CLS вашего сайта.

     Мобильная версия

     Десктопная версия

     Пример кода вызова динамической адаптивной рекламы с плейсхолдером

     <!-- Yandex.RTB R-I-677833-1 динамический адаптивный блок с максимальной высотой -->
     <div id="yandex_rtb_R-I-677833-1" style="max-height: 80vh;">
       <!-- плейсхолдер -->
       <div style="height: 72vh;"></div>
     </div>
     <script>window.yaContextCb.push(()=>{
       Ya.Context.AdvManager.render({
         renderTo: 'yandex_rtb_R-I-677833-1',
         blockId: 'R-I-677833-1'
       })
     })</script>
     

     Пример кода вызова динамической адаптивной рекламы с плейсхолдером

     <!-- Yandex.RTB R-I-677833-1 динамический адаптивный блок с максимальной высотой -->
     <div id="yandex_rtb_R-I-677833-1" style="max-height: 60vh;">
       <!-- плейсхолдер -->
       <div style="height: 54vh;"></div>
     </div>
     <script>window.yaContextCb.push(()=>{
       Ya.Context.AdvManager.render({
         renderTo: 'yandex_rtb_R-I-677833-1',
         blockId: 'R-I-677833-1'
       })
     })</script>
     

   Подробнее в разделе Как использовать динамическую адаптивную рекламу в Баннере.

Создание и размещение блока

Создание блока

Базовая настройка

1. В интерфейсе Рекламной сети Яндекса перейдите на вкладку Реклама на сайтах → Блоки и нажмите Добавить.

2. Выберите сайт, для которого вы создаете блок, и нажмите Дальше.

3. Выберите тип блока Баннер.

4. Введите название блока для использования в интерфейсе Рекламной сети Яндекса.

5. Выберите CPM-стратегию:

   • Максимальный доход — минимальная стоимость показа рекламы будет определяться автоматически. Эта опция позволяет оптимально заполнить рекламные места и максимизировать доход владельца сайта.

   • Порог CPMV — вы самостоятельно определяете минимальную стоимость тысячи показов с учетом проверки видимости. Порог CPMV устанавливается в рублях, долларах или евро. Изменить валюту порога можно в настройках аккаунта.

     Внимание

     Установка порога CPMV может снизить заполняемость блока рекламой и, соответственно, ваш доход.

6. Нажмите Создать. Откроется окно с кодом вставки. Используйте этот код для размещения блока на страницах сайта.

   После сохранения блоку будет присвоен уникальный идентификатор (ID). Он состоит из идентификатора продукта (R-A), идентификатора площадки (site_id) и порядкового номера блока.

   Важно

   На одной странице сайта нельзя размещать блоки с одинаковыми идентификаторами. Если вы хотите создать еще один блок с такими же настройками, в списке блоков найдите нужный блок и нажмите Ещё → Дублировать. Появится дубликат блока с новым ID.

Дополнительные параметры

Настройте параметры блока, если стандартных значений недостаточно.

Лучшие места для размещения

Баннеры рекомендуется размещать в областях страницы с высокой вероятностью просмотра пользователем:

Первый экран получает наибольшее число просмотров, поэтому здесь рекомендуется размещать наиболее ценные рекламные блоки.

Для оценки эффективности размещения используйте Карту скроллинга в Яндекс Метрике — она показывает, какие области страницы пользователи просматривают чаще всего.

Размещение блока

1. Получите код вставки: в настройках блока нажмите Получить код.

2. Скопируйте код загрузчика рекламы в буфер обмена и вставьте его в начало страницы сайта между тегами <head> и </head>. Код загрузчика устанавливается на страницу один раз и используется для вызова всех блоков Рекламной сети Яндекса.

3. Скопируйте код рекламного блока в буфер обмена и вставьте его в обрамляющий контейнер в той части страницы, где вы планируете показывать рекламу. Контейнер и блок должны находиться внутри элемента <body/>.

При размещении кода убедитесь, что:

• код рекламных блоков, которые должны отображаться первыми, вставлен как можно раньше;

• код вставки не помещен в скрытый DOM-узел или в iframe;

• рекламу на странице не перекрывают другие блоки и элементы;

• в консоли браузера отсутствуют ошибки, связанные с кодом вставки.

При настройке размеров контейнера рекомендуем также настроить динамическую адаптивность баннера — гибкое изменение размеров в зависимости от содержимого блока, устройства пользователя и контента на сайте. Подробнее читайте в разделе Как использовать динамическую адаптивную рекламу в Баннере.

Проверка работы блока

1. Проверьте отображение блока на десктопных и мобильных устройствах, а также в режиме инкогнито.
2. Проверьте, что блок не перекрывает элементы интерфейса сайта.
3. Дождитесь, пока система накопит достаточно данных для оптимизации работы блока — рекомендуем оценивать результаты работы блока не ранее чем через 2–3 недели после размещения.
4. При необходимости скорректируйте размер блока или настройки монетизации по итогам анализа накопленной статистики.

Ограничения

❌ Не размещайте баннер поверх контента, если это не предусмотрено форматом рекламного блока.

❌ Не размещайте баннер вплотную к кнопкам, ссылкам и другим элементам навигации, если это создает риск случайных кликов.

❌ Не используйте ложные элементы интерфейса: кнопки закрытия, «Скачать», «Play», системные уведомления и другие элементы, имитирующие интерфейс сайта или браузера.

❌ Если баннер размещен в кастомном overlay-блоке, обязательно предусмотрите кнопку «Закрыть» вне области креатива.

❌ Не маскируйте рекламный блок под элементы сайта или контента.

❌ После закрытия баннера не показывайте sticky-баннер ранее чем через 30 секунд.

❌ Не обновляйте баннер чаще одного раза в 30 секунд.

❌ Не перегружайте страницу рекламой: не размещайте несколько баннеров подряд без пользовательского контента между ними и не допускайте, чтобы реклама преобладала над основным содержимым страницы.

Дополнительные возможности

Фиксация баннера в сайдбаре

Чтобы баннер оставался в зоне видимости при прокрутке страницы, закрепите его в сайдбаре. При прокрутке страницы баннер остается в пределах колонки сайдбара и не перекрывает основной контент.

Для этого используйте CSS-свойство position: sticky:

<div class="sidebar">
  <div class="sticky-ad">
    <div id="yandex_rtb_R-A-123456-1"></div>
  </div>
</div>

.sticky-ad {
  position: sticky;
  top: 16px; /* отступ от верхнего края окна браузера */
  min-height: 250px; /* резервирует место под баннер и предотвращает скачок контента */
}

Эксперименты с Varioqub

Для выбора наиболее эффективной конфигурации рекламного блока рекомендуется проводить A/B-тесты с помощью Varioqub.

В рамках экспериментов можно сравнивать:

• разные места размещения баннера;
• разные размеры контейнера.

Как правило, оптимизация места размещения и размера контейнера позволяет увеличить видимость рекламного блока и итоговый доход.

Длительность эксперимента

Рекомендуемая продолжительность эксперимента — 2–3 недели: за это время обычно накапливается достаточно данных.

Если посещаемость небольшая, статистика может так и не набраться — простые изменения, например место блока, лучше применить сразу и сравнить доход до и после за сопоставимые периоды.

Метрики для оценки

• Вознаграждение и RPM — главные показатели, по которым следует принимать решение. Подробнее о показателях в разделе Ключевые показатели статистики.
• CPMV — доход на тысячу видимых показов.
• Доля видимых показов (Viewability) и CTR — промежуточные показатели, которые помогают понять, за счет чего изменился доход.

Рост CPMV или CTR сам по себе не означает, что блок стал зарабатывать больше.

Обратиться в службу поддержки

Написать в чат

Написать письмо

Написать в MAX

Отсканируйте QR-код. MAX — это внешний канал связи с Яндексом. Мы не контролируем, как MAX хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе MAX для связи с поддержкой.

MAX — это внешний канал связи с Яндексом. Мы не контролируем, как MAX хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе MAX для связи с поддержкой.

Перейти в MAX

Написать в Telegram

Отсканируйте QR-код. Telegram — это внешний канал связи с Яндексом. Мы не контролируем, как Telegram хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе Telegram для связи с поддержкой.

Telegram — это внешний канал связи с Яндексом. Мы не контролируем, как Telegram хранит ваши данные и переписку на своей стороне, и не несем за это ответственность. Пожалуйста, учитывайте это при выборе Telegram для связи с поддержкой.

Перейти в Telegram

Заказать звонок