ScreenGlideClick

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

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

• ScreenGlide
• ExpandableScreenGlide
• ScreenGlideMove
• Типы кодов в AdRiver
• Общие технические требования к баннерам