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

Баннер по положению устройства

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

Описание:
баннер, ориентирующийся на положение устройства пользователя.
Тип кода:
Ajax.
Примеры:
Подробнее:
в баннер вместе с управляющим скриптом загружаются два креатива – для горизонтального положения устройства и для вертикального положения устройства. В зависимости от положения устройства пользователя показывается соответствующий креатив, без перезагрузки самой страницы. Решение работает как для Flash, так и для HTML-баннеров.

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

2.1. Подготовка Flash-баннеров

2.1.1. Прошивка Flash-ролика на ActionScript 2

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

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

2.1.2. Прошивка Flash-ролика на ActionScript 3

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

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

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

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

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

3. Подготовка скрипта

3.1. Подготовка скрипта для Flash-баннеров

Скачайте архив.

Откройте текстовым редактором файл script.js. Отредактируйте верхнюю часть скрипта, указав нужные значения:

var ar_img_portrait     = 'portrait.png',
    ar_flash_portrait   = 'portrait.swf',
    ar_width_portrait   = '240',
    ar_height_portrait  = '400',
    ar_img_landscape    = 'landscape.png',
    ar_flash_landscape  = 'landscape.swf',
    ar_width_landscape  = '400',
    ar_height_landscape = '240',
    ar_flashver         = '5',
    ar_wmode            = 'transparent',
    ar_quality          = 'best',
    ar_flash_pixel      = '',
    ar_gif_pixel        = '',
    ar_viewability      = '0';

Описание:

ar_img_portrait
заглушка для портретной ориентации. Укажите ваше название файла
ar_flash_portrait
flash для портретной ориентации. Укажите ваше название файла
ar_width_portrait
ширина для портретной ориентации. Укажите ваше значение
ar_height_portrait
высота для портретной ориентации. Укажите ваше значение
ar_img_landscape
заглушка для пейзажной ориентации. Укажите вашее название файла
ar_flash_landscape
flash для пейзажной ориентации. Укажите ваше значение
ar_width_landscape
ширина для пейзажной ориентации. Укажите ваше значение
ar_height_landscape
высота для пейзажной ориентации. Укажите ваше значение
ar_flashver
версия Flash-плеера, необходимая для просмотра Flash-ролика. Укажите ваше значение
ar_quality
качество отображения flash-клипа (quality). Укажите ваше значение
ar_wmode
прозрачность (wmode). Укажите ваше значение
ar_flash_pixel
сторонний счетчик для flash-клипа
ar_gif_pixel
сторонний счетчик для картинки
ar_viewability
учитывать viewability (1 - учитывать, 0 - не учитывать)

Сохраните отредактированный файл script.js. Баннер готов к загрузке.

3.2. Подготовка скрипта для HTML-баннеров

Скачайте архив.

Откройте текстовым редактором файл script.js. Отредактируйте верхнюю часть скрипта, указав нужные значения:

var ar_html_portrait    = 'portrait.html',
    ar_width_portrait   = '240',
    ar_height_portrait  = '400',
    ar_html_landscape   = 'landscape.html',
    ar_width_landscape  = '400',
    ar_height_landscape = '240',
    ar_pix              = '',
    ar_viewability      = '0';

Описание:

ar_html_portrait
html для портретной ориентации. Укажите ваше название файла
ar_width_portrait
ширина для портретной ориентации. Укажите ваше значение
ar_height_portrait
высота для портретной ориентации. Укажите ваше значение
ar_html_landscape
html для пейзажной ориентации. Укажите ваше название файла
ar_width_landscape
ширина для пейзажной ориентации. Укажите ваше значение
ar_height_landscape
высота для пейзажной ориентации. Укажите ваше значение
ar_pix
сторонний счетчик
ar_viewability
учитывать viewability (1 - учитывать, 0 - не учитывать)

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

  1. Подготовьте баннер согласно п. 2 и п.3 инструкции.
  2. Добавьте баннер Generic-AjaxJS — special--->AjaxJS--->Generic-AjaxJS.
  3. Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости, укажите другие параметры.
  4. Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
  5. Включите баннер (галочка Вкл.), укажите распределение в течение дня, задайте необходимые ограничения по количеству показов/кликов. При необходимости, настройте другие параметры. Для сохранения введенных настроек нажмите на кнопку Сохранить.
  6. Кликните по ссылке Загрузить баннер.
  7. Выберите с помощью кнопки Обзор файл script.js, креативы баннера для горизонтального и вертикального положения устройста (для Flash-баннеров - файлы .swf, для html-баннеров - файлы .html). Если вы загружаете Flash-креативы, не забудьте также загрузить заглушки.
  8. Нажмите на кнопку Загрузить.

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

 

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

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