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

Реклама поверх видео

Overlay ads (non-linear ads)

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

Ad Manager
Ad Exchange
AdSense (через Ad Manager)
внутри видеоплеера, поверх части контента

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

Десктоп

Мобильный

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

Что такое реклама поверх видео

Помните, как при просмотре матча по телевизору в полосе экрана появляется небольшая реклама, но игра продолжается? Оверлейная реклама похожа. Это текстовая или графическая реклама, которая закрывает только часть видео, пока оно воспроизводится. Видео не останавливается: человек продолжает смотреть, а реклама находится поверх, как наклейка на кусочке экрана.

В мире видеорекламы это называется нелинейной рекламой (non-linear). Линейная реклама занимает место видео, как pre-roll, который останавливает контент. Нелинейная делит экран с видео. В Ad Manager есть тип креатива Overlay, который Google описывает как рекламу, закрывающую часть видеоконтента во время его воспроизведения. Реклама может быть текстом, изображением или и тем и другим. Вы можете загрузить файл в Ad Manager или использовать удаленный файл, а также настроить длительность, масштаб и ссылки сторонних систем отслеживания.

На сайте оверлей показывает IMA SDK, набор кода Google для рекламы в плеерах. В запросе плеер сообщает ширину и высоту прямоугольной области, где может появиться нелинейная реклама. Google сообщает, что этот размер обязателен для нелинейной рекламы и помогает выбрать объявление, но не обязан совпадать с его реальным размером. Когда реклама загружается и она нелинейная, пример кода Google продолжает воспроизводить видео, чтобы реклама была поверх движущегося контента.

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

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

Как внедрить

Создайте креатив OverlayВ позиции видео добавьте креатив типа Overlay. Загрузите файл в Ad Manager или используйте удаленный файл и при желании настройте длительность, масштаб и отслеживание.
Проверьте правила рекламыЕсли правила видеорекламы активны в сети или в теге, наложенная реклама не подходит. Проверьте это, прежде чем рассчитывать на overlay.
Укажите нелинейную область в запросеВ AdsRequest из IMA укажите ширину и высоту нелинейной области. Google сообщает, что эти значения обязательны для нелинейной рекламы.
Продолжайте воспроизводить видеоКогда реклама загрузится, проверьте, линейная ли она. Если нет, продолжайте воспроизведение видео, как в примере Google.
Подстройте под размер плеераКогда размер окна меняется, измените размер AdsManager по размеру видео, чтобы оверлей оставался на нужном месте.

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

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

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

<script>
  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&sz=640x480&env=vp&gdfp_req=1&output=vast' +
      '&unviewed_position_start=1&vpa=click&vpmute=0&plcmt=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Fvideo&correlator=';

  // Área para anúncios lineares (que param o vídeo)
  adsRequest.linearAdSlotWidth = 640;
  adsRequest.linearAdSlotHeight = 400;

  // Área para anúncios NÃO lineares (overlay), obrigatória para eles
  adsRequest.nonLinearAdSlotWidth = 640;
  adsRequest.nonLinearAdSlotHeight = 150;

  adsLoader.requestAds(adsRequest);

  // Quando o anúncio carrega: se não for linear, o vídeo segue tocando
  function onAdLoaded(adEvent) {
    var ad = adEvent.getAd();
    if (!ad.isLinear()) {
      video.play();
    }
  }
  // adsManager.addEventListener(google.ima.AdEvent.Type.LOADED, onAdLoaded);
</script>

На компьютереПолоса с текстом или изображением появляется поверх части видео, пока видео продолжает воспроизводиться под ней.

На мобильныхТоже появляется поверх части видео в плеере, не ставя контент на паузу, если плеер и реклама для этого настроены.

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

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

Можно

Показывать текстовую или графическую рекламу, а также обе вместе, закрывающую часть видео во время воспроизведения.
Загружать креатив Overlay в Ad Manager или использовать удалённый файл с необязательными длительностью, масштабом и отслеживанием.
Продолжать воспроизведение видео, пока появляется нелинейная реклама.
Использовать креативы Overlay в Programmatic Guaranteed, размещаемом паблишером.

Нельзя

При включённых правилах видеорекламы в сети или в теге оверлейную рекламу показывать нельзя.
Нельзя позволять оверлею закрывать, скрывать или блокировать элементы управления видео и рекламой.
Нельзя запрашивать нелинейную рекламу, не указав ширину и высоту нелинейной области: Google сообщает, что они обязательны.
Нельзя использовать продукты IMA, чтобы зарабатывать на видео YouTube.
Нельзя иметь больше одного видимого плеера, который играет сам, одновременно.

Советы

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

В примере Google используется нелинейная область 640 на 150. Указанный размер не обязан совпадать с размером рекламы.
В IMA есть опция, которая принудительно показывает нелинейную рекламу AdSense как линейную полноэкранную. В этом случае видео ставится на паузу и возобновляется, когда рекламу пропускают или закрывают.

Осторожно

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

Использовать оверлей при включённых правилах рекламы

Google сообщает, что при включённых правилах видеорекламы в сети или в теге нелинейная реклама не подходит. Оверлей просто не появится.

Забыть про нелинейную область

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

Ставить видео на паузу из-за оверлея

Оверлей создан для показа во время воспроизведения видео. Пример Google продолжает воспроизведение, когда загруженная реклама нелинейная.

Закрыть кнопки плеера

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

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

Останавливает ли оверлей видео?

Нет. Он закрывает только часть видео, пока контент продолжает воспроизводиться. Видео останавливает линейная реклама, например pre-roll.

Можно ли использовать оверлей вместе с правилами рекламы?

Нет. Если правила видеорекламы включены в сети или в теге, оверлейная реклама не подходит.

Какой размер указывать?

В примере Google используется 640 на 150. Значение нужно для выбора рекламы и не обязано совпадать с её реальным размером.

Может ли оверлей быть только текстом?

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

Библиотека

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

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

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

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

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