ExpandableMove



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

Описание:
растягивающийся баннер. При заходе на сайт перетяжка раскрыта, контент сайта сдвинут баннером вниз. Через заданное время баннер сворачивается в малый размер.
Тип кода:
Ajax, Poster, Extension.
Подробнее:
баннер состоит из креативов разной высоты или ширины. Сначала появляется первый креатив (при этом контент страницы сдвигается), его видно заданное количество секунд, затем он заменяется на второй. Баннер не ограничен по показам уникальному посетителю. Он раскрывается на каждый показ. Если необходимо один раз показывать раскрывающийся TopLine, а в остальное время обычный TopLine, то вы можете загрузить раскрывающийся TopLine приоритетом выше, ограничить по показам уникальному посетителю, а ниже приоритетом загрузить TopLine без ограничений. При этом оба баннера должны быть одного типа.
Другие названия формата:
перетяжка с расхлопом.

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

2.1. Подготовка Flash-ролика

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

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

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

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

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

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

  1. Распакуйте пример. Откройте текстовым редактором файл script.js. Внесите изменения только в верхнюю часть скрипта, отмеченную как Editable block:
    var ar_swf1	    = 'big.swf',
    ar_swf2		    = 'small.swf',
    ar_w1		    = '100%',
    ar_h1		    = '90',
    ar_w2		    = '100%',
    ar_h2		    = '200',
    ar_flashver	    = 8,
    ar_timeout	    = 10,
    ar_gif		    = '0.gif',
    ar_bgcolor	    = 'transparent',
    ar_flash_pixel	= '',
    ar_gif_pixel	= '';
    

    Переменные:

    ar_swf1
    имя Flash-ролика, который появится на экране первым. Обычно он больше. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае, загружать его не придется
    ar_swf2
    имя второго Flash-ролика. Также может быть загружен со стороннего сервера
    ar_w1, ar_h1
    ширина и высота первого Flash-ролика. Ширина по умолчанию указана 100% (изменять не рекомендуется). Высоту в пикселях необходимо задать самостоятельно
    ar_w2, ar_h2
    ширина и высота второго Flash-ролика. Аналогично
    ar_flashver
    Flash-плагин, который необходим посетителю для просмотра ваших Flash-роликов. Проверяйте соответствие Flash-плагина и роликов
    ar_timeout
    время в секундах, сколько будет показываться первый Flash-ролик. Практика показывает, что пять секунд — оптимальное время
    ar_gif
    имя заглушки (gif). Может быть загружена со стороннего сервера. Заглушка показывается, если у посетителя отсутствует необходимый Flash-плагин. Если вы не указали никакой заглушки, а Flash-плагина у посетителя нет, посетитель просто ничего не увидит. Показ при этом все равно посчитается. Заглушка показывается в таблице, в отличие от Flash-ролика. Высота рисунка (gif) считается равной высоте Flash-ролика, в данном примере — 60 пикселей. Ширина рисунка (gif) не указывается, браузер определяет её сам, место справа и слева заполняется определённым цветом
    ar_bgcolor
    цвет, которым заполняется место справа и слева от рисунка (gif). Можно указывать определённые в html цвета: white, gray, blue, black и т.д., можно указывать в виде rgb: #c0fea2. Кроме этого, введено ключевое слово transparent. Если указан такой цвет, таблица вообще не имеет свойства bgcolor, а значит, считается прозрачной, т.е. имеет цвет сайта
    ar_flash_pixel
    вызов стороннего счётчика для Flash-ролика. Если не нужен, оставьте пустым
    ar_gif_pixel
    вызов стороннего счётчика для заглушки. Если не нужен, оставьте пустым

    Примечание: Если у вас есть только один код сторонней системы для подсчёта показов, то впишите его и как значение переменной ar_flash_pixel и как значение переменной ar_gif_pixel.

  2. Сохраните script.js. Баннер готов к загрузке.

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

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

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