ExpandableScreenGlideMove



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

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

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

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

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

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

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

  1. Распакуйте пример.
  2. Откройте текстовым редактором файл script.js. Внесите изменения в верхнюю часть скрипта, отмеченную как Editable block:
    var	ar_img_name	    = '0.gif',
    	smallflashname	= '1.swf',
    	ar_width_small	= '240',
    	ar_height_small	= '400',
    	bigflashname	= '0.swf',
    	ar_width_big	= '480',
    	ar_height_big	= '400',
    	ar_valign	    = '1',
    	ar_align	    = '1',
    	ar_flashver	    = '8',
    	ar_alt_link	    = '',
    	ar_zeropixel	= '',
    	ar_wmode	    = 'opaque',
    	ar_timeout	    = 5;

    Переменные:

ar_img_name
имя заглушки. Укажите ваше имя файла. Может быть загружена со стороннего сервера — в этом случае впишите полный адрес, начинающийся с «http://» или «https://»
smallflashname
имя малого Flash-ролика. Укажите ваше имя файла. Может быть загружен со стороннего сервера — в этом случае впишите полный адрес, начинающийся с «http://» или «https://». Если вы используете изображения в качестве креативов, впишите имя файла
ar_width_small
ширина малого Flash-ролика. Укажите ваше значение
ar_height_small
высота малого Flash-ролика. Укажите ваше значение
bigflashname
имя большого Flash-ролика. Укажите ваше имя файла. Может быть загружен со стороннего сервера — в этом случае впишите полный адрес, начинающийся с «http://» или «https://». Если вы используете изображения в качестве креативов, впишите имя файла
ar_width_big
ширина большого Flash-ролика. Укажите ваше значение
ar_height_big
высота большого Flash-ролика. Укажите ваше значение
ar_valign
разворот по вертикали. Впишите 0, если баннер должен разворачиваться вверх, или 1, если баннер должен разворачиваться вниз
ar_align
разворот по горизонтали. Впишите 0, если баннер должен разворачиваться влево, или 1, если баннер должен разворачиваться вправо
ar_flashver
версия Flash-плагина, которая необходима посетителю для просмотра Flash-роликов. Проверяйте соответствие Flash-плагина и роликов
ar_alt_link
альтернативный клик по заглушке. Если не нужен, оставьте пустым
ar_zeropixel
вызов стороннего счётчика для баннера. Если не нужен, оставьте пустым
ar_wmode
прозрачность (wmode). Можно указать одно из значений:
transparent
прозрачный — делает прозрачными области Flash-ролика, не заполненные графикой, сквозь прозрачный фон видны другие элементы страницы
opaque
непрозрачный — все области Flash-ролика становятся непрозрачными (значение по умолчанию), Flash-ролик перекрывает другие элементы страницы
window
в своём окне — Flash-ролик отображается в самом верхнем слое (в собственном окне), независимо от прочего контента на странице
ar_timeout
время в секундах, сколько будет показываться большой Flash-ролик
  1. Сохраните файл script.js. Баннер готов к загрузке.

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

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

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