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

Аудиореклама

Audio ads (in-stream audio)

Реклама только со звуком, которая воспроизводится внутри аудиоплеера или видеоплеера со звуком, как радиореклама.

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

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

Десктоп

Мобильный

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

Что такое аудиореклама

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

В Ad Manager настройка аудио похожа на настройку видео. Вы создаете рекламный блок с Аудио в качестве основного размера VAST, используете позиции типа Аудио и видео с размером креатива Аудио и добавляете аудиокреативы. Google также говорит, что сайты с видео, которые достаточно только слушать, например новости, спорт, музыка и концерты, могут принимать аудиорекламу в видео со звуком. Чтобы получать аудио из Ad Exchange и AdSense, аккаунт должен быть связан с Ad Manager.

Со стороны сайта рекламу воспроизводит IMA SDK, набор кода Google для рекламы в плеерах. Для контента только с аудио Google рекомендует использовать тег audio для создания AdDisplayContainer. Даже без изображения IMA всё равно нужен этот контейнер, и Google рекомендует скрыть его. Поскольку контейнер скрыт, сайту нужно создать собственные кнопки паузы, продолжения и громкости. Тег рекламы должен сообщать, что нужно аудио (ad_type равен audio или audio_video), что запрос In-stream (env равен instream) и что в плеере включён звук (vpmute равен 0).

Почему так внимательно к звуку? Потому что видеополитика Google говорит, что в слотах In-stream аудиорекламу нельзя запрашивать и показывать в плеерах без звука. Это логично: звуковая реклама в немом плеере как выключенное радио. Также стоит знать, что IMA не показывает кнопку пропуска в аудиорекламе, поэтому сайту нужно создать свою. А когда видеоплеер может получать аудиорекламу, Google настоятельно рекомендует добавить сопровождающий баннер, чтобы плеер не оставался пустым.

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

Как внедрить

Создайте рекламный блок для аудиоПри создании рекламного блока выберите Аудио в качестве основного размера VAST.
Создайте рекламную позицию и креативыИспользуйте тип Аудио и видео с ожидаемым размером креатива Аудио. Добавьте аудиокреативы, с перенаправлением или без; без аудиокреатива позиция не показывается. Медиафайлы, загружаемые в Ad Manager, должны быть не короче 0,3 секунды.
Составьте аудиотегВ теге используйте ad_type=audio или audio_video, env=instream и vpmute=0. Если запрос только на аудио, размер sz необязателен.
Подготовьте плеер с IMAИспользуйте тег audio для контента и создайте с ним AdDisplayContainer. Оставьте контейнер рекламы скрытым и создайте кнопки паузы, продолжения и громкости.
Создайте кнопку пропускаIMA не показывает кнопку пропуска в аудио. Проверяйте при каждом шаге рекламы, можно ли её уже пропустить, и по нажатию своей кнопки просите AdsManager пропустить её.
Добавьте сопутствующий баннерКогда аудиореклама играет в видеоплеере, Google настоятельно рекомендует показывать над плеером сопровождающий баннер, чтобы он не оставался пустым.

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

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

Это делается на странице аудиоплеера: скрытый контейнер рекламы, тег, запрашивающий аудио со звуком, и кнопка пропуска, созданная самим сайтом.

<style>
  /* a caixa do anúncio fica escondida */
  .ad-container { display: none; }
</style>

<audio id="audio-player" src="meu-programa.mp3"></audio>
<div class="ad-container"></div>
<button id="pular" hidden>Pular anúncio</button>

<script src="//imasdk.googleapis.com/js/sdkloader/ima3.js"></script>
<script>
  var audio = document.getElementById('audio-player');
  var adDisplayContainer = new google.ima.AdDisplayContainer(
      document.querySelector('.ad-container'), audio);
  var adsLoader = new google.ima.AdsLoader(adDisplayContainer);
  var adsManager;

  var adsRequest = new google.ima.AdsRequest();
  adsRequest.adTagUrl = 'https://pubads.g.doubleclick.net/gampad/ads?' +
      'iu=/1234567/exemplo&ad_type=audio&env=instream&vpmute=0' +
      '&gdfp_req=1&output=vast&unviewed_position_start=1' +
      '&description_url=https%3A%2F%2Fwww.exemplo.com%2Faudio&correlator=';
  adsLoader.requestAds(adsRequest);

  adsLoader.addEventListener(
      google.ima.AdsManagerLoadedEvent.Type.ADS_MANAGER_LOADED,
      function (e) {
        adsManager = e.getAdsManager(audio);
        // O IMA não mostra botão de pular em áudio: o site cria o seu
        adsManager.addEventListener(google.ima.AdEvent.Type.AD_PROGRESS,
            function () {
              document.getElementById('pular').hidden =
                  !adsManager.getAdSkippableState();
            });
      });

  document.getElementById('pular').addEventListener('click', function () {
    adsManager.skip();
  });
</script>

На компьютереЧеловек слышит рекламу в аудио- или видеоплеере. Контейнер рекламы скрыт, а если есть сопутствующий баннер, он показывается на странице.

На мобильныхТак же, как на компьютере: реклама воспроизводится в плеере со звуком, с кнопками, созданными сайтом, а сопутствующий баннер может показываться рядом.

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

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

Можно

Запрашивать аудиорекламу с ad_type=audio или смешивать аудио и видео с ad_type=audio_video.
Принимать аудиорекламу в видео со звуком, которые можно воспринимать только на слух, например новости, спорт, музыка и концерты.
Получать аудио из Ad Exchange и AdSense после связывания аккаунта с Ad Manager.
Использовать аудиокреативы, с перенаправлением или без.
Создавать собственные кнопки паузы, продолжения, громкости и пропуска, так как контейнер рекламы скрыт.

Нельзя

В местах In-stream аудиорекламу нельзя запрашивать и показывать в плеерах без звука.
С ad_type=audio или audio_video значение vpmute должно быть 0: плеер не может начинать воспроизведение без звука.
Аудио-рекламная позиция без аудиокреативов не показывает рекламу.
Медиафайлы, загружаемые в Ad Manager, не могут быть короче 0,3 секунды.
Не рассчитывайте, что IMA покажет кнопку пропуска в аудио: он этого не делает.

Советы

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

В отчетах аудиореклама отображается как Аудио в параметре Размер отрисованного креатива и как 1 x 1 v в параметре Запрошенные размеры рекламы.
Показ засчитывается, когда плеер с IMA начинает воспроизводить рекламу.
Когда аудиокреатив воспроизводится в видеоплеере, Google советует показывать сопутствующий баннер поверх плеера.

Осторожно

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

Запрашивать аудио в немом плеере

Правила Google запрещают запрашивать и показывать аудиорекламу в местах In-stream без звука. Проверьте, что в плеере включён звук и vpmute=0.

Забыть скрыть контейнер рекламы

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

Рекламная позиция без аудиокреатива

Google предупреждает, что аудиокреативы нужно добавить в рекламную позицию, иначе она не будет показывать рекламу.

Ждать кнопку пропуска от IMA

В аудиорекламе IMA не показывает кнопку пропуска. Без собственной кнопки человек не сможет пропустить рекламу, даже если это разрешено.

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

Подходит ли для подкаста или аудиопрограммы на моём сайте?

Подходит, если аудио воспроизводится в плеере на странице с IMA. У Google есть отдельное руководство по запросу рекламы в контенте только с аудио с использованием тега audio в HTML.

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

Можно, в видео со звуком. Используйте ad_type=audio_video и env=instream в теге и принимайте размер Аудио в позициях.

Когда засчитывается показ?

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

Нужно ли показывать какое-то изображение?

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

Библиотека

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

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

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

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

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