CatFish

---

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

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

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

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

3.1. Скрипт для обычного CatFish

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

var ar_img_name  = '1.jpg',
    ar_html      = '1.html',
    ar_swf       = '',
    ar_width     = '100%',
    ar_height    = '200',
    ar_alt_link  = '',
    ar_zeropixel = '',
    ar_flash_ver = 8,
    ar_wmode     = 'opaque';

Переменные: Сохраните файл script.js. Баннер готов к загрузке. Если в баннере необходимо реализовать кнопку Закрыть, в Flash-ролике создайте кнопку, при клике по которой баннер будет закрываться. Для этой кнопки пропишите следующий код:

on(release)
{
    flash.external.ExternalInterface.call("adriver('" + _root.ar_ph + "').hide");
}

Если вы готовите HTML-файл баннера, то на элемент, при клике по которому баннер будет закрыться, следует вызвать функцию parent.postMessage(‘hideSG’, ‘*’);. Отследить событие click в HTML можно любым удобным для разработчика способом, например так:

var close = document.getElementById('close');
close.addEventListener("click", function( event ) 
{
  console.log('click close');
  parent.postMessage('hideSG', '*');
  event.stopPropagation()
}
);

3.2. Скрипт для CatFish, раскрывающегося по наведению курсора

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

var ar_img_name     = '1.jpg',
    ar_html_small   = 'Small.html',
    ar_swf_small    = '',
    ar_width_small  = '100%',
    ar_height_small = '125',
    ar_html_big     = 'Big.html',
    ar_swf_big      = '',
    ar_width_big    = '100%',
    ar_height_big   = '200',
    ar_valign       = '0',
    ar_align        = '3',
    ar_flash_ver    = '8',
    ar_alt_link     = '',
    ar_zeropixel    = '',
    ar_wmode        = 'opaque';

Переменные: Сохраните файл script.js. Баннер готов к загрузке. Если в баннере необходимо реализовать кнопку Закрыть, в Flash-ролике создайте кнопку, при клике по которой баннер будет закрываться. Для этой кнопки пропишите следующий код:

on(release)
{
    flash.external.ExternalInterface.call("adriver('" + _root.ar_ph + "').hide");
}

Если вы готовите HTML-файл баннера, то на элемент, при клике по которому баннер будет закрыться, следует вызвать функцию parent.postMessage(‘hideSG’, ‘*’);. Отследить событие click в HTML можно любым удобным для разработчика способом, например так:

var close = document.getElementById('close');
close.addEventListener("click", function( event ) 
{
  console.log('click close');
  parent.postMessage('hideSG', '*');
  event.stopPropagation()
}
);

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

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

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

• Типы кодов в AdRiver
• Баннер Rich-media
• Прошивка на альтернативные клики