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



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

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

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

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

Подготовьте кликовую область Flash-ролика согласно инструкции.

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

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

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

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. Полезные ссылки