• Справочное руководство
• Выбор баннера и технические требования
• Технические требования

Технические требования

ExpandableMove

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

Рекомендуется использовать код вызова poster только в случае необходимости показывать баннер при доскролле до баннерного места, так как данная технология задерживает загрузку баннера до окончания загрузки основной страницы. В остальных случаях рекомендуется использовать код вызова extension.

2. Подготовка баннера (для flash-дизайнера)

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

В первом кадре flash-ролика пропишите следующие команды:

if(ar_init == undefined){
 ar_init = true;
 System.security.allowDomain('*');
}

System.security.allowDomain('*') разрешает доступ загрузчику к переменным баннера и позволяет правильно инициализировать переменную для клика (link1). При этом в загрузчике не нужно специально разрешать доступ для загружаемых роликов.

Для того, чтобы зарегистрировать событие «клик» создайте элемент button (при наведении курсора мыши на такой элемент, он изменяется). Для того, чтобы перейти по клику используется функция getURL. Ей передаётся два параметра: куда переходить — переменная link1 и _blank — значение переменной target, чтобы открывать ссылку баннера в новом окне.

В вашем flash-ролике сделайте элемент button. Для этого элемента напишите следующий код:

on (release) {
       getURL(_root.link1, "_blank");
}

Обязательно используйте переменную link1 для подсчёта кликов.

Для того, чтобы открывать ссылку баннера в том же окне, укажите во flash-ролике _top.

Если вы, как рекламная площадка, используете AdRiver в качестве основной системы управления рекламой на сайте, то в flash-ролике пропишите скрипт:

on (release) {
       getURL(_root.link1, _root.target);
}

Это позволит открывать ссылку баннера согласно тому параметру, который указан в коде рекламного места.

3. Подготовка скрипта (для трафик-менеджера)

3.1. На коде poster

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

Last edited by Alexandr Zonov 10.03.2011
var ar_swf1		= 'big.swf', //big
ar_swf2			= 'small.swf', //small
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', //transparent by default

ar_flash_pixel	= '',
ar_gif_pixel	= '';

Переменные:

• ar_swf1 — имя flash-ролика, который появится на экране первый. Обычно он больше. Впишите ваше имя файла. Если flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://». В последнем случае, загружать его не придется.
• 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.

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

3.2. На коде AjaxJS

Распакуйте пример. Откройте текстовым редактором файл 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://».
• smallflashname — имя малого flash-ролика. Укажите ваше имя файла. Может быть загружен со стороннего сервера — в этом случае впишите полный адрес, начинающийся с «http://».
• ar_width_small — ширина малого flash-ролика. Если баннер должен занимать всю ширину окна или сайта, то укажите 100%.
• ar_height_small — высота малого flash-ролика.
• bigflashname — имя большого flash-ролика. Укажите ваше имя файла. Может быть загружен со стороннего сервера — в этом случае впишите полный адрес, начинающийся с «http://».
• ar_width_big — ширина большого flash-ролика. Если баннер должен занимать всю ширину окна или сайта, то укажите 100%.
• 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, баннер готов к загрузке.

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

3.3. Загрузка баннера на коде extension

• Подготовьте баннер согласно п. 2 инструкции.
• Добавьте баннер special--->special--->variable_extension.
• Кликните по ссылке Загрузить баннер.
• Загрузите flash-ролик и заглушку, укажите размеры и необходимые параметры.
• Нажмите на кнопку Загрузить.

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

• Expandable.
• Типы кодов в AdRiver.