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

TopLine

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

Описание:
растягивающийся баннер в верхней части страницы.
Тип кода:
Poster, Ajax, Extension.
Примеры:
TopLine на коде Ajax, TopLine на коде Poster, TopLine с отдельными элементами на коде Extension, TopLine с растягивающимся Flash-роликом на коде Extension.
Подробнее:
баннер в верхней части страницы, занимающий всю ширину окна или сайта, вне зависимости от разрешения экрана пользователя и размера окна.
Обсчёт внешними системами:
Другие названия формата:
перетяжка.

Примечание: в случае необходимости показывать баннер при доскролле до баннерного места, можно воспользоваться кодом Poster или специальным кодом Ajax. В остальных случаях используйте стандартные коды Ajax или Extension.

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

2.1. Подготовка Flash-ролика

2.1.1. Баннеры на ActionScript 2

 

Для упрощения подготовки стандартных баннеров согласно техническим требованиям AdRiver вы можете воспользоваться специальным приложением AdRiver Creative Toolkit.

Баннеры на ActionScript 3

 

Для упрощения подготовки стандартных баннеров согласно техническим требованиям AdRiver вы можете воспользоваться специальным приложением AdRiver Creative Toolkit.

2.2. TopLine на коде Extension

TopLine на коде Extension может быть двух видов:

  • TopLine с растягивающимся Flash-роликом — Flash-ролик позиционно занимает всю ширину окна браузера или дизайна сайта. При изменении размеров окна растягивается или сжимается.
  • TopLine с отдельными элементами:
    • средняя часть баннера – Flash-ролик определённого размера
    • правая и/или левая – растягивающиеся части для Flash-ролика (.swf)

      Если размеры растягивающихся частей однотонные, то высота и ширина – 1x1 px, если используется градиент или цвета меняются по высоте, то ширина – 1px, высота равна высоте баннера.

2.3. Подготовка HTML-баннера

Для подготовки стандартного HTML-файла следуйте данной инструкции.

Для подготовки HTML-файла, полученного в результате конвертации .swf ролика Swiffy конвертером, следуйте данной инструкций.

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

Размер загружаемых файлов должен соответствовать спецификации.

  1. Подготовьте баннер согласно п. 2 инструкции.
  2. Добавьте баннер:
    • для кода AjaxJS — special->AjaxJS->Flash-AjaxJS
    • для кода Poster — special->poster->topline
    • для кода Extension — special->extension->topline
  3. Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости, укажите другие параметры.
  4. Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
  5. Включите баннер (галочка Вкл.), укажите распределение в течение дня, задайте необходимые ограничения по количеству показов/кликов. При необходимости, настройте другие параметры. Для сохранения введенных настроек нажмите на кнопку Сохранить.
  6. Кликните по ссылке Загрузить баннер.
  7. Выберите с помощью кнопки Обзор все файлы баннера (Flash-ролик и заглушку). Заполните необходимые поля.
    Для баннера на коде Poster / Extension:
    • укажите ширину баннера — 100%, высоту, соответствующую высоте вашего ролика
    • если вы хотите включить функцию подсчета Viewability, выберите значение вкл. в выпадающем списке Использование Viewability
  8. Если необходимо указать ссылки для сторонних счетчиков, заполните соответствующие поля, следуя инструкции. Если необходимо указать несколько ссылок для счетчиков, нажмите еще под соответствующим полем.
  9. Нажмите на кнопку Загрузить.

4. Как обеспечить учёт через стороннюю систему

4.1. Обеспечить демонстрацию баннера через Location сторонней системы

Компоненты баннера располагаются в сторонней системе, и Flash-ролик подготовлен по специальным требованиям для передачи сторонней системе. В этом случае баннер загружается как стандартный TopLine .

Сторонняя система предоставляет следующие данные, которые необходимо указать в форме загрузки баннера:

  • ссылку на показ для Flash-ролика - выберите из выпадающего списка Указать расположение на стороннем сервере, впишите ссылку в поле ниже;
  • ссылку на клик по Flash-ролику - впишите ее в поле Линк Баннера при добавлении баннера;
  • ссылку на показ для заглушки - выберите из выпадающего списка Указать расположение на стороннем сервере, впишите ссылку в поле ниже;
  • ссылку на клик по заглушке - впишите ее значение в поле Альтернативный клик по заглушке.

Важно! Обеспечить демонстрацию баннера указанным выше способом можно только в том случае, если по указанным ссылкам на показ Flash-ролика и заглушки сторонняя система отдает непосредственно сами файлы Flash-ролика и заглушки (файлы формата .swf, .gif).

4.2. Обеспечить аудит пиксель-аудитом сторонней системы

Компоненты баннера располагаются в системе AdRiver. В этом случае баннер TopLine загружается как стандартный на коде Extension.

Если необходимо обеспечить аудит показов/кликов в системе AdRiver пиксель-аудитом сторонней системы, то при добавлении в AdRiver Flash-ролика и заглушки, укажите следующие данные:

  • впишите ссылку сторонней системы на клик по Flash-ролику в поле Линк Баннера;
  • впишите ссылку сторонней системы на клик по заглушке в поле Альтернативный клик на заглушку. Если не нужен, оставьте пустым;
  • впишите ссылку сторонней системы на показ пикселя в поле Вызов стороннего счётчика.

Примечание: cторонняя система должна обеспечить корректный переход на сайт рекламодателя.

4.3. Загрузка кода сторонней системы со специальным скриптом

Этот вариант подходит только для обычных баннеров, которые не выходят за свои границы.

Компоненты баннера располагаются в сторонней системе. Сторонняя система предоставляет код баннера.

  • Распакуйте пример. Откройте текстовым редактором файл script.js. Внесите изменения только в верхнюю часть скрипта, отмеченную как Editable block:
    var ar_width = '100%';
    var ar_height = '60';
    

    Переменные:

    ar_width
    ширина баннера. Рекомендуем оставить значение по умолчанию — 100%
    ar_height
    высота баннера. Впишите ваше значение
  • Создайте файл с приведенным ниже кодом и назовите его index.html:
    <html>
    <body topmargin="0" leftmargin="0" marginwidth="0" marginheight="0">
    
    <!-- Сюда поместите присланный вам код -->
    
    </body>
    </html>
  • Добавьте в AdRiver баннер Generic-Extension, или GenericPoster и загрузите файлы index.html и script.js.

5. Ограничения на размер загружаемых файлов в системе AdRiver

 

6. Полезные ссылки

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