ExpandableScreenGlide

Карточка баннера
Подготовка баннера
Подготовка скрипта
1. Баннеры на кодах Poster / Extension
2. Баннеры на коде Ajax
Загрузка баннера
Полезные ссылки

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

Описание:

при заходе на сайт перетяжка раскрыта, контент сайта закрыт баннером. Через заданное время баннер сворачивается в малый размер, по наведению курсора мыши разворачивается.

Тип кода:

Ajax, Poster, Extension.

Пример:

https://www.adriver.ru/doc/ban/examples/expandablescreenglide/.

Подробнее:

рекламный модуль состоит из двух 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 не придется