|
|
 | |||||||
|
|
|
|
|
|||
Технические требования
Rich-media
1. Карточка баннера
2. Подготовка и загрузка баннера
2.1. Rich-media на коде javascript
2.1.1. Flash-ролик на ActionScript2
В каждом flash-ролике обязательно должна быть кнопка «закрыть», причем она должна появляться как можно ближе к началу, чтобы всегда была возможность закрыть ролик, даже если он проигран неполностью.
Если пользователь нажимает на кнопку «закрыть» или показ ролика прекращается по каким-либо другим причинам, то в систему передается команда kill с параметром номер_текущего_ролика. Это номер ролика, в котором произошло нажатие на кнопку. Если ролик всего один, то всё равно нужно указывать его номер — 0 (ноль).
Пример:
getURL('javascript:fl_Command("kill",0)');
Если после завершения каждой части flash-ролика (таймаут, конец ролика или действие пользователя) необходимо запустить следующую (произвольную) часть ролика, то в управляющий скрипт нужно передать команду start c параметром номер_ролика.
Передача осуществляется двумя аргументами — отдельно команда, отдельно номер ролика. Ролики нумеруются в порядке загрузки, первый ролик имеет номер 0 (ноль).
Пример: команда для запуска второго ролика.
getURL('javascript:fl_Command("start",1)');
Используйте только одну команду. Например, если надо открыть вторую часть ролика, то не надо сначала делать kill, а потом start — управляющий скрипт всё сделает сам.
Когда пользователь кликает по области, с которой происходит переход на сайт рекламодателя, ролик передаёт следующие команды:
getURL(_root.link1, "_blank");
getURL('javascript:fl_Command("kill",0)');
Элементов типа button может быть несколько. В зависимости от того, на какой из элементов кликнули, посетитель может быть направлен на разные адреса. В этом случае можно явно указать, на какой адрес должен быть направлен посетитель. Этот адрес необходимо обязательно кодировать функцией escape().
Например:
getURL(_root.link1+escape("http://alternative.url.to.go/path?search#hash"), "_blank");
var id:Number;
id = setInterval(function ()
{
clearInterval(id);
getURL('javascript:fl_Command("kill",0)');
}, 300);
2.1.2. Flash-ролик на ActionScript3
Команда для элемента button для учёта клика:
function callLink(event:MouseEvent):void {
try {
var ie:String = ExternalInterface.call("function(){return !!window.ActiveXObject}");
var url:String = LoaderInfo(this.root.loaderInfo).parameters['link1'];
if(ie)ExternalInterface.call('window.open',url);
else navigateToURL(new URLRequest(url), '_blank');
ExternalInterface.call("fl_Command", "kill", 0);
}catch (e:Error){}
}
click_button.addEventListener(MouseEvent.CLICK, callLink)
Команда для кнопки закрытия:
flash.external.ExternalInterface.call("fl_Command", "kill", 0);
Пример команды запуска второго ролика:
flash.external.ExternalInterface.call("fl_Command", "start", 1);
Элементов типа button может быть несколько. В зависимости от того, на какой из элементов кликнули, посетитель может быть направлен на разные адреса. В этом случае можно явно указать, на какой адрес должен быть направлен посетитель.
В описании каждой кнопки для перехода по альтернативной ссылке нужно прописать следующий скрипт:
import flash.utils.*;
var id:uint;
function callLink(event:MouseEvent):void {
var url:String LoaderInfo(this.root.loaderInfo).parameters['link1'];
var url1:String = 'http://alternative.url.to.go/path?search#hash';
if (url1 && url1 != ''){
if(!url || url == '') url = url1;
else url += escape(url1);
}
try {
var ie:String = ExternalInterface.call("function(){return !!window.ActiveXObject}");
if(ie)ExternalInterface.call('window.open',url);
else navigateToURL(new URLRequest(url), '_blank');
id=setInterval(kill, 300);
}catch (e:Error){}
}
btn.addEventListener(MouseEvent.CLICK, callLink);
function kill():void {
ExternalInterface.call("fl_Command", "kill", 0);
clearInterval(id);
}
2.1.3. Загрузка баннера
- Добавьте баннер special → special → rich-media.
- Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости укажите другие параметры.
- Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
- Включите баннер, укажите нужные настройки. Для сохранения введенных настроек нажмите на кнопку Сохранить.
- Кликните по ссылке Загрузить баннер.
- Загрузите flash-ролики по очереди, укажите размеры и необходимые параметры.
- Нажмите на кнопку Загрузить.
2.2. Rich-media на коде ajax
2.2.1. Flash-ролик
В первом кадре flash-ролика пропишите скрипт:
#include "rich.adriver.as"
Для кнопки закрытия пропишите следующий скрипт:
on (release) {
richClose();
}
Если после завершения каждой части flash-ролика (таймаут, конец ролика или действие пользователя) необходимо перейти к следующей панели (например в последнем кадре), то используйте следующий скрипт:
richNext();
В описании кнопки клика пропишите следующий скрипт:
on (release) {
richClick();
}
Элементов типа button может быть несколько. В зависимости от того, на какой из элементов кликнули, посетитель может быть направлен на разные адреса. В этом случае можно явно указать, на какой адрес должен быть направлен посетитель.
В описании каждой кнопки для перехода по альтернативной ссылке нужно прописать следующий скрипт:
on (release) {
var id:Number;
id = setInterval(function ()
{
clearInterval(id);
richClick("http://alternative.url.to.go/path?search#hash");
}, 300);
}
2.2.2. Создание управляющего скрипта
Для удобства создания файла управляющего скрипта мы предлагаем готовый пример, в который можно внести собственные данные.
Распакуйте пример. Откройте текстовым редактором файл script.js. Внесите изменения в верхнюю часть скрипта, отмеченную как Editable block.
var panels = [
{swf: '0.swf', width: '350', height: '350', x: '0.5', y: '0.5', abs_x: '0', abs_y: '0', wmode: 'transparent'},
{swf: '1.swf', width: '300', height: '300', x: '1', y: '0', abs_x: '0', abs_y: '0', wmode: 'opaque'}
],
ar_flashver = '8',
ar_zeropixel = '';
Переменные:
- swf — имя flash-ролика. Впишите ваше имя файла. Если flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://». В последнем случае загружать файл через интерфейс системы не нужно.
- width — ширина flash-ролика.
- height — высота flash-ролика.
- x — положение по X.
- y — положение по Y.
- abs_x — абсолютное положение по X. Если указано '0', то используются относительные координаты (x, y); координаты относительно левой стороны указываются в формате положительного числа, например, 100, координаты относительно правой стороны указываются в формате отрицательного числа, например, -100.
- abs_y — абсолютное положение по Y. Если указано '0', то используются относительные координаты (x, y); координаты относительно верха указываются в формате положительного числа, например, 100, координаты относительно низа указыаются в формате отрицательного числа, например, -100.
- wmode — прозрачность (wmode). Можно указать одно из значений:
- transparent (прозрачный) — делает прозрачными области flash-ролика, не заполненные графикой, сквозь прозрачный фон видны другие элементы страницы.
- opaque (непрозрачный) — все области flash-ролика становятся непрозрачными (значение по умолчанию), flash-ролик перекрывает другие элементы страницы.
- window (в своём окне) — flash-ролик отображается в самом верхнем слое (в собственном окне), независимо от прочего контента на странице.
- ar_flashver — версия flash-плагина. Выберите минимальную версию flash-плагина, которая необходима посетителю для просмотра вашего баннера.
- ar_zeropixel — вызов стороннего счётчика. Если не нужен, оставьте пустым.
Сначала указываются параметры первого flash-ролика, затем второго, третьего и т.д..
Сохраните файл script.js, баннер готов к загрузке.
Размер загружаемых файлов должен соответствовать спецификации.
2.2.3. Загрузка баннера
- Добавьте баннер special → special → Generic AjaxJS.
- Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости укажите другие параметры.
- Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
- Включите баннер, укажите нужные настройки. Для сохранения введенных настроек нажмите на кнопку Сохранить.
- Кликните по ссылке Загрузить баннер.
- Загрузите flash-ролики и скрипт.
- Нажмите на кнопку Загрузить.
3. Полезные ссылки
|
|
|||