Руководство по внедрению

Сопутствующая реклама

Companion ads

Баннер, который появляется на странице одновременно с видео- или аудиорекламой в плеере, образуя пару.

Ad Manager
на странице, в медийных местах рядом с видео- или аудиоплеером

Изучить формат Проверить на моём сайте

Десктоп

Мобильный

Понять за 1 минуту

Что такое сопутствующая реклама

Представьте концерт: пока певица на сцене, экран рядом показывает название песни. Оба рассказывают одну историю одновременно. Сопровождающая реклама устроена так же. Пока видео- или аудиореклама играет в плеере, баннер этой же рекламы появляется в рекламном месте на странице рядом с плеером.

Google объясняет, что сопутствующая реклама позволяет показывать рекламу в медийных местах одновременно с рекламой в видео- или аудиоплеере. Она всегда зависит от основной рекламы, называемой master: без master сопутствующей нет. Как экран на концерте, который имеет смысл, только если кто-то поёт. Одно объявление VAST может содержать до 6 сопутствующих медийных объявлений.

Как это делает сайт? Медийные слоты рядом с плеером создаются с помощью GPT, Google Publisher Tag, кода Google для рекламных мест. В GPT для этого есть три части. Первая, companionAds, сообщает, что этот слот может принять сопровождающий баннер, когда в плеере на той же странице играет реклама VAST. Вторая, setRefreshUnfilledSlots, просит позже заполнить слоты, которые остались пустыми. Третья, enableVideoAds, заставляет GPT и IMA SDK использовать один и тот же correlator, число, одинаковое во всех запросах рекламы одного просмотра страницы. Со стороны плеера IMA передает размеры сопровождающих баннеров в параметре ciu_szs тега.

Когда это оправдано? Когда у вас есть видео- или аудиореклама и вы хотите, чтобы реклама появлялась и на странице. Для видеоплееров, которые могут получать аудиорекламу, Google настоятельно рекомендует использовать сопровождающие баннеры, чтобы плеер не оставался пустым, пока играет аудио. Несколько предостережений: место должно быть того же размера, что и сопровождающий баннер, адаптивная реклама не поддерживается как сопровождающая для видео, а если плеер находится внутри iframe, нужен скрипт-прокси GPT.

Пошаговая инструкция

Как внедрить

Укажите размеры в позицииПри создании позиции для видео и аудио укажите ожидаемый размер креатива master и размеры сопутствующих.
Добавьте сопутствующие креативыИспользуйте один из допустимых типов: Изображение, Campaign Manager 360, Сторонние, Пользовательские, Нативный формат (бета) или стандартные либо пользовательские шаблоны креативов.
Загрузите GPT на основной страницеIMA для HTML5 распознаёт места GPT, только если GPT загружается на основной странице. Если плеер находится в iframe, добавьте прокси-скрипт GPT.
Создайте сопутствующее местоОпределите место с companionAds и pubads, включите заполнение пустых мест, активируйте видеорекламу и покажите место. Определяйте места до того, как плеер начнёт показывать рекламу.
Передайте размеры в теге плеераВ теге IMA используйте параметр ciu_szs с размерами сопутствующей рекламы через запятую, например 728x90,300x250.
Избегайте мигания при автовоспроизведенииЕсли видео или аудио играет само, GPT может использовать disableInitialLoad, чтобы не показывать обычный баннер на мгновение до прихода сопутствующей рекламы.

Пример внедрения

Код и как это выглядит на экране

GPT размещается в head той же страницы, что и плеер, а блок сопутствующей рекламы размещается рядом с плеером, с размером, равным размеру сопутствующего объявления.

<!-- No head: GPT com um espaço que aceita complementar -->
<script async
  src="https://securepubads.g.doubleclick.net/tag/js/gpt.js"></script>
<script>
  window.googletag = window.googletag || { cmd: [] };
  googletag.cmd.push(function () {
    googletag
        .defineSlot('/1234567/exemplo', [728, 90], 'companionDiv')
        .addService(googletag.companionAds())
        .addService(googletag.pubads());
    googletag.companionAds().setRefreshUnfilledSlots(true);
    googletag.pubads().enableVideoAds();
    googletag.enableServices();
  });
</script>

<!-- No body: a caixa do complementar, do mesmo tamanho -->
<div id="companionDiv" style="width:728px; height:90px;">
  <script>
    googletag.cmd.push(function () { googletag.display('companionDiv'); });
  </script>
</div>

<!-- Na tag do IMA, os tamanhos dos complementares vão em ciu_szs:
     ...&ciu_szs=728x90&... -->

На компьютереПока реклама играет в плеере, баннер этой же рекламы появляется в медийном слоте на странице.

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

Что рекомендует Google

Что можно и что нельзя

Можно

Показывать до 6 сопутствующих объявлений для каждого объявления VAST.
Использовать сопровождающие баннеры типа Изображение, Campaign Manager 360, Сторонние, Пользовательские, Нативный формат (бета) или шаблоны креативов.
Просить позже заполнять пустые сопутствующие места другой рекламой из вашей сети.
Использовать сопутствующую рекламу размера fluid, которая занимает одинаковую долю места на любом экране.
Использовать сопровождающие баннеры в видеоплеерах, которые могут получать аудиорекламу, что Google настоятельно рекомендует.

Нельзя

Сопутствующая реклама сама по себе не существует: она всегда зависит от рекламы master.
Адаптивная реклама не поддерживается в качестве сопутствующей для видео.
IMA не поддерживает функцию «нажмите, чтобы включить звук» в сопутствующей видеорекламе.
Форматы с включённым нативным видео нельзя использовать как сопутствующие.
Если плеер находится в iframe, GPT не распознаётся без прокси-скрипта.

Советы

Как сделать правильно

Для мест, создаваемых во время работы страницы, определяйте их до того, как плеер начнёт показывать рекламу.
Если VAST содержит меньше сопутствующих объявлений, чем определено мест, оставшиеся места может заполнить ваша сеть.
В параметре ciu_szs вертикальная черта между размерами обозначает место с несколькими размерами.
Тот, кто не использует GPT, может получить сопутствующую рекламу через API IMA, выбрав размер и поместив контент в блок, когда реклама начинается.

Осторожно

Частые ошибки

GPT внутри iframe

IMA для HTML5 распознаёт места GPT только на основной странице. В iframe без прокси-скрипта сопутствующая реклама не появится.

Несовпадающий размер

Сопутствующая реклама должна иметь тот же размер, что и место. Место 728x90 не получит сопутствующую рекламу 300x250.

Забыть про размеры в теге

Плеер с IMA должен передавать размеры сопутствующей рекламы в параметре ciu_szs. Без этого сервер не знает, какие размеры принимает страница.

Баннер мигает перед сопутствующей рекламой

В видео или аудио, которое играет само, на мгновение может появиться обычный баннер. Google рекомендует disableInitialLoad, чтобы этого избежать.

Частые вопросы

Появляется ли сопутствующая реклама без видео?

Нет. Она всегда зависит от рекламы master, которая играет в плеере. Если сопутствующей рекламы нет, место может получить другое объявление из вашей сети.

Сколько сопутствующих объявлений можно иметь?

Одно объявление VAST может содержать до 6 сопутствующих медийных объявлений.

Работает ли с аудиорекламой?

Да. В видеоплеерах, которые могут получать аудиорекламу, Google настоятельно рекомендует использовать сопровождающие баннеры, чтобы плеер не оставался пустым, пока играет звук.

Для чего нужен enableVideoAds?

Он заставляет GPT и IMA SDK использовать один и тот же correlator, число, одинаковое во всех запросах рекламы одного просмотра страницы.

Библиотека

Официальный источник Google

Всё на этой странице основано на официальной документации Google. Читайте прямо в источнике:

Ваш сайт правильно использует этот формат?

Аудит читает сайт как посетитель, ничего не нажимая, и показывает, что исправить.

Запустить аудит