AdRiver - система управления интернет-рекламой
О компании Справочное руководство Вход в систему
Рекламным агентствам  AdRiver DSP 
Владельцам сайтов  AdRiver SSP 
Управление рекламой  AdRiver DMP 
Новости

Видео VAST VPAID

1. Карточка баннера

Описание:
VAST баннер стандарта VPAID.
Тип кода:
VAST.
Подробнее:
баннер представляет собой структуру XML типа Inline стандарта VAST. Баннер содержит VPAID-контейнер, позволяющий добавить в рекламный материал две кнопки с различными ссылками перехода и индивидуальным дизайном, а также загрузить собственные изображения для кнопок Закрыть, Отключить звук и Включить звук. VPAID-контейнер может быть формата .js или .swf.

Система AdRiver поддерживает видео баннер VAST стандарта VPAID.

Для использования формата Видео VAST VPAID необходимо отправить заявку в службу технической поддержки AdRiver по адресу support@adriver.ru.

После согласования подключения опции со службой технической поддержки, загрузка VAST VPAID баннеров будет доступна во всех новых рекламных кампаниях. Чтобы включить эту возможность в старых кампаниях, необходимо в анкетах соответствующих кампаний поставить галочку VAST-медиафайлы этой кампании можно закачивать на обычные зеркала.

Баннер VAST VPAID представляет собой обычный VAST баннер, содержащий одну дополнительную компоненту (.swf или .js) – VPAID-контейнер, который позволяет реализовать некоторый дополнительный интерфейс взаимодействия между интерактивным рекламным форматом и видеоплеером.

VPAID-контейнер, предлагаемый AdRiver, позволяет разместить в видеоролике две дополнительные кнопки с различными ссылками перехода, например Подробнее и Купить, Узнать больше и Заказать и др. Кнопки представляют собой картинки, которые загружаются в систему вместе с остальными компонентами баннера. Также можно загрузить собственные изображения для кнопок Закрыть, Отключить звук и Включить звук.

2. Подготовка баннера

Для баннера необходимо подготовить основной видеоролик (.mp4, .flv). Также можно подготовить изображения для кнопок Закрыть, Отключить звук и Включить звук, Купить и Подробнее.

Для видеороликов формата .mp4 необходимо наличие FastStart (метаданные должны находиться в начале ролика). Это позволяет плееру показывать ролик, не ожидая его полной загрузки в браузере.

3. Загрузка баннера

  1. Добавьте в рекламную кампанию баннер VPAID video (special -> VAST -> VPAID Video)
  2. В поле Линк баннера укажите ссылку перехода. Пользователь будет перенаправлен на данный URL-адрес в случае клика на кнопке Подробнее и на самом медиафайле, если он будет кликабельным. При необходимости заполните другие поля. Щелкните Добавить.
  3. Щелкните Загрузить баннер. Заполните форму загрузки баннера. В поле Добавить медиафайл автоматически выбирается загрузка стандартного VPAID-контейнера JS и указание настроек.

3.1. VPAID-контейнеры AdRiver

3.1.1. JS контейнер AdRiver

При выборе данного варианта необходимо:

  • Загрузить основной медиафайл (например, .mp4)
  • Указать mime-type загруженного медиафайла

При необходимости можно добавить кнопки Купить, Подробнее, Закрыть, Отключить звук и Включить звук.

Подробнее о настройке кнопок в стандартном JS-контейнере.

Остальные поля заполняются в соответствии со стандартной инструкцией для баннера VAST Видео.

3.1.1.1. Настройка кнопок в стандартном JS контейнере AdRiver

В видеоплеер могут быть добавлены кнопки Купить, Подробнее, Закрыть, Отключить звук и Включить звук.

Для кнопок Закрыть, Отключить звук и Включить звук можно использовать стандартные изображения. При выборе стандартных изображений изменять ширину и высоту кнопок не нужно.

Пример реализации кнопок в стандартных контейнерах AdRiver:

Чтобы загрузить свои изображения для кнопок:

  1. Напротив соответствующего названия кнопки в выпадающем списке выберите Закачать
  2. Выберите нужное изображением с помощью кнопки Обзор
  3. Укажите ширину и высоту вашего изображения в полях ширина и высота. Значения указываются в пикселях, после числовых величин необходимо добавить символы px
  4. Вы можете изменить расположение кнопки в видеоплеере, задав значения отступов справа/слева, сверху/снизу. Отступы можно задавать в пикселях (в этом случае после величины необходимо добавить символы px) или в процентах (после величины необходимо добавить символ %)

Для кнопки Купить может быть указан альтернативный адрес перехода в поле Клик для кнопки Купить (поле становится видимым при выборе значения Закачать в выпадающем списке).

Ниже приведен пример настройки кнопки Купить:

Примечание: ссылка перехода при клике по кнопке Подробнее берется из поля Линк баннера, заполняемого на этапе добавления нового баннера в систему. Если основной медиафайл является кликабельным, ссылка перехода при клике по медиафайлу также берется из поля Линк баннера. Ссылку можно изменить в поле Url баннера на форме закачки. Подробнее

3.1.2. SWF контейнер AdRiver

Чтобы использовать стандартный VPAID-контейнер SWF от AdRiver, в выпадающем списке Добавить медиафайл выберите VPAID-контейнер (.swf) и настройки.

При выборе данного варианта необходимо:

  1. Загрузить основной медиафайл (например, .mp4)

По умолчанию в данном варианте используется стандартный VPAID контейнер SWF от AdRiver. Чтобы загрузить собственный VPAID контейнер SWF, в выпадающем списке VPAID-контейнер(.swf) укажите Закачать и выберите нужный файл с помощью кнопки Обзор.

В видеоплеер могут быть добавлены кнопки Купить, Подробнее, Закрыть, Отключить звук и Включить звук.

Подробнее о настройке кнопок в стандартном SWF-контейнере.

Остальные поля заполняются в соответствии со стандартной инструкцией для баннера VAST Видео.

3.1.2.1. Настройка кнопок в стандартном SWF контейнере AdRiver

В видеоплеер могут быть добавлены кнопки Купить, Подробнее, Закрыть, Отключить звук и Включить звук.

Для кнопок Закрыть, Отключить звук и Включить звук можно использовать стандартные изображения. При выборе стандартных изображений изменять ширину и высоту кнопок не нужно.

Чтобы загрузить свои изображения для кнопок:

  1. Напротив соответствующего названия кнопки в выпадающем списке выберите Закачать
  2. Выберите нужное изображением с помощью кнопки Обзор

Для кнопки Купить может быть указан альтернативный адрес перехода в поле Клик для кнопки Купить (поле становится видимым при выборе значения Закачать в выпадающем списке).

Позиционирование кнопок в VPAID контейнере SWF можно изменить в файле настроек settings.xml. Файл настроек settings.xml будет создан и добавлен в баннер системой AdRiver автоматически после загрузки всех компонент (щелчка по кнопке Загрузить). Вы можете скачать этот файл, щелкнув по ссылке с его названием.

Пример файла настроек settings.xml:

<root>
  <MediaFiles>
    <MediaFile>
      <content_flv>
        <locationUrl/>
      </content_flv>
      <content_mp4>
        <locationUrl/>
      </content_mp4>
    </MediaFile>
  </MediaFiles>
  <Extensions>
    <TrackingEvents>
      <Tracking/>
    </TrackingEvents>
    <Buttons>
      <Button id="buy">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
      <Button id="more">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
      <Button id="close">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
      <Button id="mute">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
      <Button id="unmute">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
    </Buttons>
  </Extensions>
</root>

Положение кнопки в видеоплеере может быть задано специальными параметрами в файле settings.xml:

<Align></Align>
<OffsetX></OffsetX> 
<OffsetY></OffsetY> 

Файл settings.xml, формируемый интерфейсом AdRiver, не содержит данных полей. Файл необходимо отредактировать вручную, указав для каждой кнопки нужные значения, и загрузить его вместе с остальными компонентами баннера при выборе VPAID-контейнер (.swf) и доп. файлы.

Параметр Align может принимать следующие значения:

L
слева посередине (Left)
R
справа посередине (Right)
B
внизу посередине (Bottom)
T
вверху посередине (Top)
BL
внизу слева (Bottom Left)
BR
внизу справа (Bottom Right)
TL
вверху слева (Top Left)
TR
вверху справа (Top Right)

Параметры OffsetX и OffsetY позволяют задать расстояние кнопки от левого и верхнего края видеоплеера соответственно. Указываются относительные значения в виде числа.

Пример отредактированного файла settings.xml:

<root>
  <MediaFiles>
    <MediaFile>
      <content_flv>
        <locationUrl/>
      </content_flv>
      <content_mp4>
        <locationUrl/>
      </content_mp4>
    </MediaFile>
  </MediaFiles>
  <Extensions>
    <TrackingEvents>
      <Tracking/>
    </TrackingEvents>
    <Buttons>
      <Button id="buy">
        <Image>/image_path/buy.png</Image>
        <ClickTracking/>
        <ClickUrl/>
        <Align>BL</Align>
        <OffsetX>10</OffsetX>
        <OffsetY>10</OffsetY>
      </Button>
      <Button id="more">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
      <Button id="close">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
      <Button id="mute">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
      <Button id="unmute">
        <Image/>
        <ClickTracking/>
        <ClickUrl/>
      </Button>
    </Buttons>
  </Extensions>
</root>

3.2. Собственные VPAID-контейнеры

3.2.1. Собственный JS контейнер

Для загрузки собственного VPAID-контейнера JS, в выпадающем списке Добавить медиафайл выберите VPAID-контейнер (.js) и доп файлы.

При выборе данного варианта необходимо:

  • Загрузить VPAID-контейнер JS
  • Загрузить основной медиафайл (например, .mp4)

Также вы можете загрузить дополнительные файлы с помощью кнопки Обзор.

Остальные поля заполняются в соответствии со стандартной инструкцией для баннера VAST Видео.

3.2.2. Собственный SWF контейнер

Для загрузки собственного VPAID-контейнер SWF, в выпадающем списке Добавить медиафайл выберите VPAID-контейнер (.swf) и доп. файлы

При выборе данного варианта необходимо:

  • Загрузить основной медиафайл (например, .mp4)

По умолчанию в данном варианте используется стандартный VPAID контейнер SWF от AdRiver. Чтобы загрузить собственный VPAID контейнер SWF, в выпадающем списке VPAID-контейнер(.swf) укажите Закачать и выберите нужный файл с помощью кнопки Обзор.

Остальные поля заполняются в соответствии со стандартной инструкцией для баннера VAST Видео.

4. Редактирование медиафайла баннера

Если необходимо обновить одну из компонент баннера (основной медиафайл, изображение для какой-либо кнопки) или загрузить новый медиафайл, необходимо:

  • поставить галочку удалить в строке текущего VPAID контейнера
  • в поле Добавить медиафайл выбрать вариант, в зависимости от используемого формата контейнера
  • следуя соответствующей инструкции (для .js контейнера или для .swf контейнера) загрузить заново все компоненты баннера
  • щелкнуть Загрузить

Чтобы удалить медиафайл (в случае, если их несколько), поставьте галочку в столбце "Удалить" напротив нужного медиафайла и щелкните Загрузить. Удалить уже загруженный медиафайл можно только в том случае, если в баннере останется хотя бы один медиафайл.

4.1. Редактирование ссылки перехода

При редактировании ссылки перехода в поле Url ссылки также необходимо заново загрузить медиафайл (в соответствии с пунктом 4) в следующих случаях:

  • Если используется контейнер AdRiver VPAID SWF
  • Если используется контейнер AdRiver VPAID JS с настроенными кнопками Купить или Подробнее

Если используется контейнер AdRiver VPAID JS, но кнопки Купить и Подробнее не используются, загружать заново медиафайл при редактировании поля Url ссылки не нужно.

5. Сайты, на которых проверены контейнеры AdRiver

Список сайтов, на которых была проверена корректная работа стандартных контейнеров AdRiver:

Последнее обновление: 04.05.2017