ExpandableScreenGlide



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

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

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

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

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

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

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

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

3.1. Баннеры на кодах Poster / Extension

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

var gifname		    = 'mts121_760x60v1.gif',
	smallflashname	= 'mts121_760x60v1.swf',
	ar_height_small	= '60',
	ar_width_small	= '100%',
	bigflashname	= 'mts121_760x300v4.swf',
	ar_width_big	= '100%',
	ar_height_big	= '300',
	ar_valign	    = '1',
	ar_align	    = '1',
	ar_flashver	    = 8,
	ar_alt_link	    = '',
	ar_pixel	    = '',
	ar_wmode	    = 'opaque';
var ar_timeout		= 5;

Переменные:

gifname
имя заглушки (gif). Может загружаться со стороннего сервера. Заглушка показывается, если у посетителя отсутствует необходимая версия Flash-плагина. Если вы не указали никакой заглушки, а Flash-плагина у посетителя нет, посетитель просто ничего не увидит. Показ при этом все равно посчитается. Заглушка показывается в таблице, в отличие от Flash-ролика. Высота рисунка (gif) считается равной высоте Flash-ролика, в данном примере — 60 px. Ширина рисунка (gif) не указывается, браузер определяет её сам
smallflashname
имя малого flash-ролика. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае, загружать его в систему AdRiver не придется
ar_height_small
высота малого flash-ролика. Впишите ваше значение в пикселях (px)
ar_width_small
ширина малого flash-ролика. По умолчанию указана 100% (изменять не рекомендуется)
bigflashname
имя большого flash-ролика. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае, загружать его в систему AdRiver не придется
ar_width_big
ширина большого Flash-ролика. По умолчанию указана 100% (изменять не рекомендуется)
ar_height_big
высота большого Flash-ролика. Впишите ваше значение в пикселях (px)
ar_valign
разворот по вертикали. Впишите 0, если баннер должен разворачиваться вверх, или 1, если баннер должен разворачиваться вниз
ar_align
разворот по горизонтали. Впишите 0, если баннер должен разворачиваться влево, или 1, если баннер должен разворачиваться вправо
ar_flashver
минимальная версия Flash-плагина, которая необходима посетителю для просмотра ваших Flash-роликов. Проверяйте соответствие Flash-плагина и роликов
ar_alt_link
альтернативный клик по заглушке (если не нужен, оставьте пустым)
ar_pixel
вызов стороннего зеропикселя (если не нужен, оставьте пустым)
ar_wmode
прозрачность (wmode). Можно указать одно из значений:
transparent
прозрачный — делает прозрачными области Flash-ролика, не заполненные графикой, сквозь прозрачный фон видны другие элементы страницы
opaque
непрозрачный — все области Flash-ролика становятся непрозрачными (значение по умолчанию), Flash-ролик перекрывает другие элементы страницы
window
в своём окне — Flash-ролик отображается в самом верхнем слое (в собственном окне), независимо от прочего контента на странице
ar_timeout
время в секундах, сколько будет показываться большой Flash-ролик. Практика показывает, что пять секунд — оптимальное время

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

3.2. Баннеры на коде Ajax

Распакуйте пример. Откройте текстовым редактором файл 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-ролика. По умолчанию указана 100% (изменять не рекомендуется)
bigflashname
имя большого Flash-ролика. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае, загружать его в систему AdRiver не придется
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-ролик. Практика показывает, что пять секунд — оптимальное время

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

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

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

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