Сопутствующие объявления для видео- и аудиорекламы

Из этой статьи вы узнаете, как использовать сопутствующие объявления в дополнение к основному видео- или аудиообъявлению, а также как настраивать позицию, проигрыватель и сайт для показа сопутствующих креативов. #companion #master

Выберите, что вас интересует: Типы сопутствующих креативов | Настройки сопутствующих объявлений | Методы GPT

Сопутствующие объявления показываются в местах для медийной рекламы одновременно с объявлениями, которые показываются в видео- или аудиопроигрывателе. Их появление всегда зависит от главного объявления.

• Креативы VAST могут содержать до шести соответствующих медийных объявлений.
• Ярлыки помогают предотвратить одновременный показ объявлений от конкурирующих рекламодателей.
• Можно показывать объявления для заполнения из сети издателя, если в ответе VAST меньше сопутствующих объявлений, чем рекламных мест на странице.

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

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

IMA SDK поддерживает сопутствующие объявления с гибкими размерами. Ознакомьтесь с руководствами для HTML5, iOS и Android.

• Сопутствующие объявления для видео не могут быть адаптивными.
• При использовании динамической вставки объявлений сопутствующие объявления можно показывать только в браузерах с поддержкой HTML5 и использованием Ads API.
• IMA SDK не поддерживает интерактивные номера телефонов в сопутствующих видеообъявлениях.

Доступные типы сопутствующих креативов

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

• Графический. Обычные изображения или URL креативов, размещенных на сторонних серверах объявлений.
• Менеджер кампаний 360. URL-переадресации, созданные в Менеджере кампаний 360.
• Сторонний. Код со сторонних серверов объявлений.
• Пользовательский. Мультимедийные рекламные материалы на основе собственного кода.
• Нативный формат ^(бета) . Стандартные или специальные нативные креативы^{1, 2}.
• Стандартные или специальные шаблоны креативов. Шаблоны, при работе с которыми требуется указывать определенные данные или загружать файлы.

---

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

²Форматы, предназначенные для нативной видеорекламы, нельзя использовать в качестве сопутствующих объявлений.

Настройка сопутствующих объявлений

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

• При добавлении позиции настройте размер ожидаемых креативов в соответствии с главным видео- или аудиообъявлением и укажите размеры сопутствующих объявлений. При размещении видео- и аудиокреативов можно разрешить показ сопутствующих объявлений на рекламных местах с размерами, включенными вами в настройки.
• Рекламные места для медийных объявлений необходимо задавать с помощью тегов GPT, которые описывают алгоритм работы сопутствующих объявлений.
• Проигрыватель, в котором применяется IMA SDK, должен подставлять размеры сопутствующих креативов как значения параметра ciu_szs в запросе объявления.
• Если ваш проигрыватель показывается в окне iframe, добавьте в HTML-код прокси-скрипт GPT.

При необходимости ознакомьтесь с дополнительной информацией о том, как демонстрировать сопутствующие объявления с помощью тегов Google Publisher Tag. Если вы не используете библиотеку GPT, ваши разработчики могут обеспечить показ сопутствующих объявлений с помощью API. Однако ниже описаны именно возможности GPT.

Методы GPT, поддерживающие сопутствующие объявления

Код JavaScript тега GPT	Пример кода в разделе <head> веб-страницы
companionAds() Метод companionAds() сообщает, что рекламное место может быть заполнено медийным объявлением, но если для объявления VAST, которое показывается на странице, доступны сопутствующие объявления, то им отдается предпочтение.	googletag.defineSlot(   '/1234/vid-parent/child-ad-unit',   [300, 250], 'div1') .addService(googletag.companionAds()) .addService(googletag.pubads());
setRefreshUnfilledSlots() Метод setRefreshUnfilledSlots() со значением true включает автоматическое заполнение незаполненных рекламных мест сопутствующими объявлениями.	googletag.companionAds().   setRefreshUnfilledSlots(true);
enableVideoAds() Метод enableVideoAds() гарантирует, что вызов GPT и вызовы IMA SDK используют один и тот же коррелятор. Это позволяет применять одни и те же конкурентные исключения к видеорекламе и медийным объявлениям.	googletag.pubads().   enableVideoAds();
disableInitialLoad() Необязательный метод для страниц с автовоспроизведением видео- и аудиообъявлений. Этот метод помогает избежать ситуации, в которой медийное объявление загружается в рекламный блок, но демонстрируется лишь несколько секунд перед показом сопутствующего объявления. При работе с объявлениями с воспроизведением по клику в этом нет необходимости, потому что медийное объявление должно загружаться и показываться до тех пор, пока пользователь сам не начнет загрузку сопутствующего объявления, нажав кнопку воспроизведения.	googletag.pubads().   disableInitialLoad();

 

Пример кода GPT для показа сопутствующих медийных объявлений

Раздел <head> страницы может выглядеть следующим образом:

<script type='text/javascript'>
   window.googletag = window.googletag || {cmd: []};
   (function() {
      var gads = document.createElement('script');
      gads.async = true; gads.type = 'text/javascript';
      gads.src = 'http://securepubads.g.doubleclick.net/tag/js/gpt.js';
      var node = document.getElementsByTagName('script')[0];
      node.parentNode.insertBefore(gads, node); })();
</script>

<script type='text/javascript'>
   googletag.cmd.push(function() {
     // ↓ укажите фактические рекламные блоки своего сайта и их размеры
     googletag.defineSlot('/12345/path/to/adunit', [300, 250], 'div1').addService(googletag.companionAds()).addService(googletag.pubads());
    googletag.defineSlot('/12345/path/to/adunit', [160, 600], 'div2').addService(googletag.companionAds()).addService(googletag.pubads()); 
    googletag.defineSlot('/12345/path/to/adunit', [728, 90], 'div3').addService(googletag.companionAds()).addService(googletag.pubads());

   googletag.companionAds().setRefreshUnfilledSlots(true);
     googletag.pubads().enableVideoAds();
     // ↓ только для страниц с автовоспроизведением видеообъявлений
     googletag.pubads().disableInitialLoad();
     googletag.enableServices();
   });
</script>

 

Код в разделе <body> может выглядеть так:

<div id='div1' style='width:300px; min-height:250px;'>
   <script type='text/javascript'>
      googletag.cmd.push(function() { googletag.display('ad-div-1'); });
   </script>
</div>

<div id='div2' style='width:160px; min-height:600px;'>
   <script type='text/javascript'>
      googletag.cmd.push(function() { googletag.display('ad-div-2'); });
   </script>
</div>

<div id='div3' style='width:728px; min-height:90px;'>
   <script type='text/javascript'>
      googletag.cmd.push(function() { googletag.display('ad-div-3'); });
   </script>
</div>

Вместо свойства height лучше использовать вариант min-height. Это позволит резервировать для рекламного места как можно меньше пространства на странице и при этом избежать проблем при показе объявлений более крупного размера.