FullScreen

Карточка баннера
Подготовка баннера
1. Подготовка Flash-ролика
2. Подготовка скрипта
Загрузка баннера
Проверка работоспособности
Полезные ссылки

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

Описание:

баннер-заставка.

Тип кода:

Poster, Ajax, Extension.

Пример:

https://www.adriver.ru/doc/ban/outdated/examples/fullscreen/.

Подробнее:

FullScreen стандартный или на коде Poster: при загрузке страницы сайта, посетитель перебрасывается на страницу с одним большим баннером. Если в этом баннере кликнуть на «подробнее», посетитель попадает на сайт рекламодателя. После клика на «пропустить» посетитель возвращается на сайт, на котором располагается баннер. Если в браузере посетителя установлен запрет на сохранение файлов cookies на компьютере, то баннер FullScreen показываться не будет.

FullScreen на коде Ajax: показывается на текущей странице поверх основного контента сайта. Может быть прозрачным. Показывается независимо от того, принимает браузер пользователя файлы cookies или нет.

Обсчёт внешними системами:

пиксель-аудит в Flash-баннерах.

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

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

2.1. Подготовка Flash-ролика

В Flash-ролике необходимо реализовать следующие элементы:

кнопку Узнать подробнее
кнопку Пропустить заставку
Таймаут

Примечание: Кнопка — в данном контексте термин условный, под кнопкой подразумевается активная область, на которой возможен клик, оформление которой может быть любое.

2.1.1. Flash-ролик на ActionScript 2

Для элемента Узнать подробнее в Flash-ролике пропишите следующую команду:

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

Для элемента Пропустить заставку пропишите следующую команду (текст элемента может быть любой):

on(release)
{
     getURL(_root.ar_backref, "_self");
}

После загрузки ролика должен включаться таймаут. Обратный отсчёт должен начинаться с момента начала воспроизведения содержательной части ролика. До загрузки ролика в прелоадере обязательно наличие кнопки Пропустить заставку. Стандартно таймаут устанавливается в 5-15 секунд. Каждая площадка предъявляет свои требования к таймауту, например, у Mail.ru таймаут составляет 7 секунд. Поэтому перед созданием баннера уточняйте требования на таймаут у конкретной рекламной площадки.

Значение обратного счётчика должно показываться на экране в следующем виде:

«До возврата на сайт ” + _root.site_name + ” осталось ” + … + “секунд»

Переменную необходимо передать из AdRiver через поле Альтернативный текст баннера на странице добавления нового баннера.

Важно: В поле Альтернативный текст не используйте буквы русского алфавита. Используйте конвертер.

Пример таймера обратного отсчёта:

function decodeAlt(alt:String):String{
	var tf:TextField = _root.createTextField("_decode", 0, 0, 0, 0, 0);
	tf.html = true;
	tf.htmlText = alt;
	return tf.text;
}
var timerSec = 15;
function set_timer(){
    _root.site_name = decodeAlt(_root.site_name);
    _root.txt.htmlText = "Возврат на сайт " + _root.site_name + " через " + timerSec + " секунд.";
    var aaa = setInterval(function(){
        if (timerSec == 0) {
            clearInterval(aaa);
            getURL(_root.ar_backref, "_self");
            stop();
            return;
        }
        --timerSec;
        _root.txt.htmlText = "Возврат на сайт " + _root.site_name + " через " + timerSec + " секунд.";
    }
    , 1000);
};
set_timer();

Рядом с обратным таймером можно отобразить кнопку Пауза и написать рядом Остановить отсчёт. Соответственно, при наведении курсора мыши на эту кнопку (строку) обратный отсчёт должен временно останавливаться. Также обратный отсчёт должен останавливаться при наведении курсора мыши на кнопку Узнать подробнее.

Если обратный отсчет дошёл до нуля, необходимо выполнить следующие команды:

getURL(_root.ar_backref, "_self");
stop();

2.1.2. Flash-ролик на ActionScript 3

В первом кадре Flash-ролика необходимо прописать следующий скрипт:

import flash.external.ExternalInterface;
function decodeAlt(alt:String):String{
	var tf:TextField = new TextField(); 
	tf.htmlText = alt;
	return tf.text;
}
function set_timer()
{
    var site_name:String = decodeAlt(LoaderInfo(this.root.loaderInfo).parameters['site_name']);
    Object(root).txt.htmlText = 'Возврат на сайт ' + site_name + ' через ' + timerSec + ' секунд.';
    var aaa = setInterval(function()
    {
        if (timerSec == 0) 
        {
            clearInterval(aaa);
	    callClose(null);
            stop();
            return undefined;
        }
        --timerSec;
        Object(root).txt.htmlText = 'Возврат на сайт ' + site_name + ' через ' + timerSec + ' секунд.';
    }
    , 1000);
}
if(Object(root).timer_init == undefined) 
{
	Object(root).timer_init = true;
	var timerSec = 15;
	set_timer();
}

timerSec

это таймаут, который включается после загрузки ролика

2.2. Подготовка скрипта

2.2.1. Скрипты для баннеров на коде Poster / Extension

Для кнопки Узнать подробнее необходимо прописать следующий скрипт:

function callLink(event:MouseEvent):void
 {
         var url:String = LoaderInfo(this.root.loaderInfo).parameters['link1'];
         var backref:String = LoaderInfo(this.root.loaderInfo).parameters['ar_backref'];
         try
         {
                 var ie:Boolean = ExternalInterface.call('function(){return
 !!window.ActiveXObject}');
                 if (ie)
                 {
                         ExternalInterface.call('window.open',url);
                         ExternalInterface.call('function(){window.location = "' + backref
 + '";}');
                 }
                 else
                 {
                         navigateToURL(new URLRequest(url), '_blank');
                         navigateToURL(new URLRequest(backref), '_self');
                 }
         }
         catch (e:Error)
         {
                 navigateToURL(new URLRequest(url), '_blank');
                 navigateToURL(new URLRequest(backref), '_self');
         }
 }
 click_button.addEventListener(MouseEvent.CLICK, callLink);

Для кнопки Пропустить заставку необходимо прописать следующий скрипт:

function callClose(event:MouseEvent):void
 {
         var backref:String = LoaderInfo(this.root.loaderInfo).parameters['ar_backref'];
         try
         {
                 var ie:Boolean = ExternalInterface.call('function(){return
 !!window.ActiveXObject}');
                 if (ie)
                 {
                         ExternalInterface.call('function(){window.location = "' + backref + '";}');
                 }
                 else
                 {
                         navigateToURL(new URLRequest(backref), '_self');
                 }
         }
         catch (e:Error)
         {
                 navigateToURL(new URLRequest(backref), '_self');
         }
 }
 close_button.addEventListener(MouseEvent.CLICK, callClose);

2.2.2.Скрипты для баннеров на коде Ajax