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

ExpandableClick

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

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

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

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

2.1. Подготовка Flash-ролика на всех кодах

Подготовьте два Flash-ролика: большой и маленький. Для маленького Flash-ролика подготовьте заглушку (.gif или .jpeg). Она показывается тем посетителям сайта, у которых нет необходимой версии Flash-плагина. Размеры (ширина и высота) заглушки и маленького Flash-ролика должны совпадать.

 

Для элемента button, по клику которого раскрывается большой баннер, пропишите следующий скрипт:

on(release){
   flash.external.ExternalInterface.call("window.showSG");
}

В большом Flash-ролике также создайте кнопку, при клике которой баннер сворачивается. Для этой кнопки пропишите следующий скрипт:

on(release){
   flash.external.ExternalInterface.call("window.hideSG");
}

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

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

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

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

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

Прошивка для кнопки, при клике по которой раскрывается большой баннер:

parent.postMessage('showSG', '*');

Прошивка кнопки в большом HTML-креативе, при клике по которой баннер сворачивается:

parent.postMessage('hideSG', '*');

3. Подготовка скрипта для баннеров на коде Poster

  1. Распакуйте пример
  2. Откройте текстовым редактором файл script.js. Внесите изменения в верхнюю часть скрипта, отмеченную как Editable block:
    var gifname	            = '0.gif';
    var giflocation			= '';
    var smallflashname		= 'bannerSmall.swf';
    var smallflashlocation	= '';
    var ar_height_small 	= '90';
    var ar_width_small	 	= '704';
    var bigflashname	 	= 'bannerBig.swf';
    var bigflashlocation	= '';
    var ar_width_big	 	= '704';
    var ar_height_big	 	= '180';
    var ar_valign	 	 	= '1';
    var ar_align	 	 	= '1';
    var ar_flashver	 	 	= '9';
    var ar_alt_link	 	 	= '';
    var ar_zeropixel	 	= '';

    Переменные:

    gifname
    имя заглушки (gif). Впишите ваше имя файла
    giflocation
    если заглушка должна загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В этом случае загружать её в систему не придется
    smallflashname
    имя малого Flash-ролика. Впишите ваше имя файла
    smallflashlocation
    если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В этом случае загружать его в систему не придется
    ar_height_small
    высота малого Flash-ролика. Впишите ваше значение в пикселях (px)
    ar_width_small
    ширина малого Flash-ролика. Впишите ваше значение в пикселях (px)
    bigflashname
    имя большого Flash-ролика. Впишите ваше имя файла
    bigflashlocation
    если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В этом случае загружать его в систему не придется
    ar_width_big
    ширина большого Flash-ролика. Впишите ваше значение в пикселях (px)
    ar_height_big
    высота большого Flash-ролика. Впишите ваше значение в пикселях (px)
    ar_valign
    разворот по вертикали. Впишите 0, если баннер должен разворачиваться вверх, или 1, если баннер должен разворачиваться вниз
    ar_align
    разворот по горизонтали. Впишите 0, если баннер должен разворачиваться влево, или 1, если баннер должен разворачиваться вправо
    ar_flashver
    минимальная версия Flash-плагина, которая необходима постетилю для просмотра ваших Flash-роликов. Проверяйте соответствие Flash-плагина и роликов
    ar_alt_link
    альтернативный клик по заглушке (если не нужен, оставьте пустым)
    ar_zeropixel
    вызов стороннего счетчика (если не нужен, оставьте пустым)
  3. Сохраните script.js. Баннер готов к загрузке.

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

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

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

 

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

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