ExpandableClick

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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	 	= '';

   Переменные:

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

• Expandable
• ExpandableMove
• ExpandableScreenGlide
• Типы кодов в AdRiver