Banner Video

Описание

Banner Video — видеобаннер, для размещения которого требуется подготовить видеофайл или ссылку на Wrapper XML.

Этот кроссплатформенный видеоформат показывается на декстопах, планшетах и мобильных телефонах.

Воспроизведение осуществляется HTML5-видеоплеером. Формат полностью совместим со спецификациями видеорекламы VAST и VPAID, имеет поддержку стандартных событий (tracking events), которые запрашиваются в момент их наступления в плеере.

С помощью шаблона Banner Video [loader] можно добавить баннер на сайт двумя способами:
  1. Подготовить видеофайл.
  2. Подготовить VAST-совместимую ссылку на Wrapper XML.

Возможности баннера, доступные при добавлении в ADFOX:

  • встроенные элементы управления воспроизведением: кнопки Play, Pause, включения/выключения звука и Закрыть с возможностью замены их на собственные. Кнопки Pause и Play на баннере показываются поочередно;
  • возможность добавить картинку-постер для баннера, которая показывается до загрузки видеофайла и фоновое изображение, которое показывается под видео (если видео меньше по размеру, чем баннер) и после закрытия баннера;
  • фоновое изображение баннера всегда масштабируется так, чтобы быть полностью занять доступное пространство баннера. При несовпадении размера ее лишние края обрезаются;
  • настройка события начала воспроизведения видео: по клику, при попадании баннера в зону видимости, при наведении мыши;
  • настройка включения звука в начале воспроизведения и видимости кнопок управления звуком;
  • при отведении мыши от баннера звук постепенно выключается, а при наведении мыши — плавно включается;
  • показ кнопки Закрыть настраивается: показ сразу, отложенный показ, скрыть кнопку;
  • при клике на кнопку Закрыть баннер будет скрыт, а его место займет фоновое изображение аналогичного размера, которое останется кликабельным. Если фоновое изображение не задано, баннер будет удален со страницы;
  • вся область баннера кликабельна независимо от того, как расположено видео внутри баннера. Ссылка всегда будет открываться в новом окне или вкладке.
Совет. В соответствии с рекомендациями IAB Russia о качественной рекламерекомендуется:
  1. Показывать кнопку Закрыть без задержки (Время до появления кнопки «Закрыть» = 0);
  2. При запуске видео отключать звук (Звук в начале выключен = yes).

Требования

Требования к изображениям и кнопкам управления

  1. Фоновое изображение и изображение-постер подготавливаются при необходимости.
  2. Если размеры видео не равны размеру баннера, при подготовке изображения-постера рекомендуем соблюдать пропорции соотношения сторон у видео и постера.
  3. При необходимости установить в баннер собственные кнопки управления воспроизведением видео — подготовьте изображения кнопок. Кнопки будут вставлены в баннер.
  4. Допустимые форматы изображений: PNG, GIF, JPG.
  5. Максимальный размер одного файла: 300 КБ.

Требования к видеоролику

Формат MP4, WebM, MOV, QT, FLV, AVI
Рекомендуемый формат MP4
Частота кадров не более 60 кадров/с
Количество видеодорожек 1
Аудиокодеки AAC, MP3, Vorbis
Количество аудиодорожек не более 1
Минимальное разрешение 1280 × 720 пикселей
Продолжительность до 2 минут
Максимальный размер видеоролика, который будет загружен в интерфейс ADFOX 100 МБ

Подсчет событий

В баннере ведется подсчет событий:

  1. Начало просмотра (start).
  2. Ролик выбран (creativeView).
  3. Ролик загружен (impression).
  4. Первая четверть просмотра (firstQuartile).
  5. Середина просмотра (midpoint).
  6. Третья четверть просмотра (thirdQuartile).
  7. Полный просмотр (complete).
  8. Выключить звук (mute).
  9. Включить звук (unmute).
  10. Пауза (pause).
  11. Повторное проигрывание (rewind).
  12. Возобновление после паузы (resume).
  13. Клик по кнопке Закрыть (close).
  14. Ошибка проигрывания или инициализации баннера (error).

Добавление баннера в ADFOX

Чтобы добавить баннер в ADFOX, выберите нужный тип баннера и шаблон Banner Video [loader].

Укажите параметры баннера:

  1. Ссылка на промерочный пиксель — по умолчанию используется пиксель ADFOX //banners.adfox.ru/transparent.gif, при необходимости вести учет показов в сторонней системе, удалите пиксель ADFOX и укажите другую ссылку.
  2. URL перехода — укажите ссылку на сайт рекламодателя. Для корректной работы перехода обязательно проверьте наличие протокола в ссылке (http:// или https://).
  3. Ширина баннера (% или px) — укажите ширину баннера в пикселях или в процентах.
  4. Высота баннера (px) — укажите высоту баннера в пикселях.
  5. Изображение для фона (URL) — картинка для фона баннера, видна в момент, когда видео уже подгружено для показа. Если размер видео меньше размера баннера, свободное место займет фоновое изображение. Также фоновое изображение показывается после закрытия видео.
  6. Изображение для постера (URL) — картинка в качестве постера для видео, которая показывается до загрузки видео в баннер. Как только видео будет подгружено, постер сменится на фоновое изображение.
  7. Видна ли кнопка звука (yes/no) — укажите видимость кнопок включения/выключения звука:
    • yes — кнопки показываются;
    • no — кнопки скрыты.
  8. Звук в начале выключен (yes/no) — укажите, выключен ли звук на старте:
    • yes — звук выключен (по умолчанию, рекомендуется);
    • no — звук включен.
  9. Инициатор (click, scroll, hover) — событие, при котором запускается проигрывание видео. Одновременно возможен только один вариант.

    Доступные варианты начала воспроизведения:

    • click — по клику пользователем на кнопку ► на баннере;
    • scroll — при попадании баннера в зону видимости пользователя при скролле страницы;
    • hover — при наведении мыши на баннер (на мобильных устройствах работает по клику на кнопку плей).
  10. Время до появления кнопки Закрыть (сек.) — время в секундах до появления кнопки закрытия баннера. Время отсчитывается от начала проигрывания видео, считается только время проигрывания. Если указано:
    • «0» — кнопка будет показана сразу (рекомендуется);
    • «-1» — кнопка не будет показана, даже если указан параметр Кнопка закрытия.
  11. Формат видеорекламы — укажите формат рекламы:
    • %global.linearAdVAST2% — если размещение баннера происходит с помощью видеофайла;
    • %global.WrapperAdVAST2% — если размещение баннера происходит с помощью ссылки на VAST XML.
  12. Видео (URL) — если размещение баннера происходит с помощью видеофайла, загрузите файл или укажите ссылку на видео. При заполнении этого параметра не указывайте ссылку на VAST XML.

    Видеофайлы, загруженные напрямую в интерфейс ADFOX, автоматически преобразуются в разные форматы и размеры и сохраняются на видеохостинг Яндекса. После загрузки видео баннер будет в статусе <приостановлен> до окончания конвертации. После конвертации статус видеоролика изменится на <сконвертирован>, а статус баннера изменится на тот, что был до загрузки видео — <активен> или <приостановлен>.

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

    В параметре Формат видео рекламы обязательно укажите тип рекламы: %global.linearAdVAST2%.

  13. Ссылка на VAST XML — ссылка на VAST 2.0 XML контейнер c данными о видео. При указании данного параметра, не нужно указывать видеофайл.

    В параметре Формат видеорекламы обязательно укажите тип рекламы: %global.WrapperAdVAST2%

  14. Расположение видео в баннере — расположение видео внутри баннера:
    • bottom — блок с видео прикреплен к нижнему краю баннера. Видео будет занимать всю доступную ширину баннера;
    • center — блок с видео будет расположен по центру. Рекомендуемое значение. При этом виде расположения указывать ширину и высоту видео необязательно;
    • left — блок с видео прикреплен к левому краю баннера. Видео будет занимать всю доступную высоту баннера;
    • right — блок с видео прикреплен к правому краю баннера. Видео будет занимать всю доступную высоту баннера;
    • top — блок с видео прикреплен к верхнему краю баннера. Видео будет занимать всю доступную ширину баннера.
  15. Продолжительность видео (в формате "HH:MM:SS) — продолжительность видео в формате HH:MM:SS (часы:минуты:секунды).
  16. MIME-type видео (например, video/mp4) — MIME-тип видеофайла, например video/mp4.
  17. Ширина видео — ширина видео в пикселях без указания размерности. Значение обязательно, если баннер размещен с помощью видеофайла.
  18. Высота видео — высота видео в пикселях без указания размерности. Значение обязательно, если баннер размещен с помощью видеофайла.
  19. Кнопка закрытия ("link":"","coor":[0, 0]) — конфигурация кнопки, закрывающей видеобаннер.

    Формат записи:

    "link":"//content.adfox.ru/transparent.gif","coor":[0, 0]

    Где link — ссылка на картинку, coor(left, top)— координаты левой верхней точки картинки.

    Изображения вставляются как есть, без масштабирования. Размер кнопок будет равен размеру изображений.

    Пример кнопки по умолчанию:

  20. Кнопка вкл звука ("link":"","coor":[0, 0]) — конфигурация кнопок включения/выключения звука.

    Формат записи:

    "link1":"//content.adfox.ru/transparent.gif","link2":"//content.adfox.ru/transparent.gif","coor":[0,0]

    Где link1 — ссылка на картинку выключения звука (обычно перечеркнутый динамик), link2 — ссылка на картинку включения звука (обычно нарисованный динамик), coor (left, top) — координаты левой верхней точки картинок.

    Одновременно кнопки не появляются.

    Изображения вставляются как есть, без масштабирования. Размер кнопок будет равен размеру изображений.

    Пример кнопки по умолчанию: .

  21. Кнопка паузы ("link":"","coor":[0, 0]) — конфигурация кнопки паузы видео.

    Формат записи:

    "link":"//content.adfox.ru/transparent.gif","coor":[0,0]

    Где link — ссылка на картинку, coor (left, top)  — координаты левой верхней точки картинки.

    Изображения вставляются как есть, без масштабирования. Размер кнопок будет равен размеру изображений.

    Пример кнопки по умолчанию:

  22. Кнопка плей ("link":"","coor":[0, 0]) — конфигурация кнопки запуска видео.

    Формат записи:

    "link":"//content.adfox.ru/transparent.gif","coor":[0,0]

    Где link — ссылка на картинку, coor (left, top)  — координаты левой верхней точки картинки.

    Изображения вставляются как есть, без масштабирования. Размер кнопок будет равен размеру изображений.

    Пример кнопки по умолчанию:

  23. Имя атрибута class контейнера баннера — при необходимости укажите имя (или несколько имен через пробел) для атрибута class контейнера с баннером.
  24. Повтор видео (yes/no) — укажите, включено ли повторное воспроизведение видео:
    • yes — повтор включен;
    • no — повтор выключен (по умолчанию).