Раскрывающийся TopLine

Описание

Баннер этого типа состоит из двух компонент: большого и малого баннеров TopLine. Оба TopLine — это свободно растягиваемые flash-ролики разной высоты. Сначала появляется первый TopLine (при этом контент страницы сдвигается вниз), его видно заданное количество секунд, затем он заменяется на второй.

Баннер не ограничен по показам уникальному посетителю никак! Он раскрывается на каждый показ. Если необходимо один раз показывать раскрывающийся TopLine, а в остальное время обычный TopLine, то вы можете загрузить раскрывающийся TopLine приоритетом выше, ограничить по показам уникальному посетителю, а ниже приоритетом загрузить TopLine без ограничений. При этом оба баннера должны быть одного типа. И раскрывающийся TopLine, и TopLine могут быть либо типа extension, либо типа poster.

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

Подготовьте два flash-ролика, которые можно свободно растягивать по ширине и заглушку .gif или .jpeg, чтобы демонстрировать её тем посетителям сайта, у которых нет необходимой версии flash-плагина. Высота заглушки должна быть равна высоте второго flash-ролика. Ширина — на ваше усмотрение. Растягиваться рисунок не будет.

Для того, чтобы зарегистрировать событие «клик» нужен элемент 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);
}

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

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

// ****** Editable block ******

var ar_swf1 = 'mts121_760x300v4.swf';
var ar_swf2 = 'mts121_760x60v1.swf';
var ar_w1 = "100%", ar_h1 = 300;
var ar_w2 = "100%", ar_h2 = 60;
var ar_flashver = 6;
var ar_timeout = 5; // in seconds
var ar_gif  = 'mts121_760x60v1.gif';

var ar_bgcolor = 'transparent';
var ar_flash_pixel = ''; // zeropixel if need
var ar_gif_pixel = ''; // zeropixel if need

//*****************************

Переменные:

• var ar_swf1 = 'mts121_760x300v4.swf'; — имя flash-ролика, который появится на экране первый. Обычно он больше. Впишите ваше имя файла. Если flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://». В последнем случае, загружать его не придется.
• var ar_swf2 = 'mts121_760x60v1.swf'; — имя второго flash-ролика. Аналогично, может загружаться со стороны.
• var ar_w1 = "100%", ar_h1 = 300; — ширина и высота первого flash-ролика. Ширина по умолчанию указана 100% (изменять не рекомендуется). Высоту в пикселях вы задаете сами.
• var ar_w2 = "100%", ar_h2 = 60; — ширина и высота второго flash-ролика. Аналогично.
• var ar_flashver = 6; — flash-плагин, который необходим постетилю для просмотра ваших flash-роликов. Проверяйте соответствие flash-плагина и роликов.
• var ar_timeout = 5; — время в секундах, сколько будет показываться первый flash-ролик. Практика показывает, что пять секунд — оптимальное время.
• var ar_gif = 'mts121_760x60v1.gif'; — имя заглушки (gif). Тоже можно загружать со стороны. Заглушка показывается, если у посетителя отсутствует необходимый flash-плагин. Если вы не указали никакой заглушки, а flash-плагина у посетителя нет, посетитель просто ничего не увидит. Показ при этом все равно посчитается. Заглушка показывается в таблице, в отличие от flash-ролика. Высота рисунка (gif) считается равной высоте flash-ролика, в данном примере — 60 пикселей. Ширина рисунка (gif) не указывается, браузер определяет её сам, место справа и слева заполняется определённым цветом.
• var ar_bgcolor = 'transparent'; — цвет, которым заполняется место справа и слева от рисунка (gif). Можно указывать определённые в html цвета: white, gray, blue, black и т.д., можно указывать в виде rgb: #c0fea2. Кроме этого введено ключевое слово «transparent». Если указан такой цвет, таблица вообще не имеет свойства bgcolor, а значит, считается прозрачной, т.е. имеет цвет сайта.
• var ar_flash_pixel = ''; — вызов стороннего зеропикселя для flash-ролика. Если не нужен, оставьте пустым.
• var ar_gif_pixel = ''; — вызов стороннего зеропикселя для заглушки. Если не нужен, оставьте пустым.

Если у вас есть только один код сторонней системы для подсчёта показов, то впишите его и как значение переменной ar_flash_pixel и как значение переменной ar_gif_pixel.

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

Требования

Имена файлов должны содержать только цифры или буквы английского алфавита, или символ подчёркивания, и не должны содержать русских букв, пробелов, кавычек, тире и специальных символов. Если вы загружаете файлы с другого сервера, впишите полный адрес, начинающийся с «http://».

Не указывайте в интерфейсе для JavaScript баннеров (в том числе и для этого) русский альтернативный текст.

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

Добавьте баннер типа generic-extension или genericposter. Кликните «загрузить баннер» и загрузите script.js и подготовленные flash-ролики.

Проверка работоспособности

Проверьте баннер, в том числе, что он кликается и по первому flash-ролику, и по второму, и по заглушке. Для этого укажите такую версию flash-плагина, которой у вас точно нет, если баннер сделан правильно, то вы увидите заглушку.

Ограничения на размер загружаемых файлов в системе AdRiver

• для обычных графических файлов (в интерфейсе обозначены img width x height) — 50 Кб;
• для swf-файлов (в интерфейсе обозначены flash width x height) — 75 Кб;
• другие типы файлов — 50 Кб;
• для многокомпонентных баннеров ограничения проверяются отдельно для каждой составляющей.

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

Пример

Баннер «Раскрывающийся TopLine» на коде generic-extension.

См. также: Раскрывающийся TopLine с элементами ScreenGlide.

Использование пиксель-аудита в flash-баннерах.