AdRiver - система управления интернет-рекламой
О компании Справочное руководство Вход в систему
Рекламным агентствам  AdRiver DSP 
Владельцам сайтов  AdRiver SSP 
Управление рекламой  AdRiver DMP 
Новости

ExpandableScreenGlide

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

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

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

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

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

2.1. Баннеры на ActionScript 2

 

Для упрощения подготовки стандартных баннеров согласно техническим требованиям AdRiver вы можете воспользоваться специальным приложением AdRiver Creative Toolkit.

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

2.2. Баннеры на ActionScript 3

 

Для упрощения подготовки стандартных баннеров согласно техническим требованиям AdRiver вы можете воспользоваться специальным приложением AdRiver Creative Toolkit.

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

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. Ограничения на размер загружаемых файлов в системе AdRiver

 

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

Последнее обновление: 13.04.2016