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

FullScreen

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

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

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

Примечание: в случае необходимости показывать баннер при доскролле до баннерного места, можно воспользоваться кодом 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

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

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("window.ar_full_close");
                 }
                 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("window.ar_full_close");
                 }
                 else
                 {
                         navigateToURL(new URLRequest(backref), '_self');
                 }
         }
         catch (e:Error)
         {
                 navigateToURL(new URLRequest(backref), '_self');
         }
 }
 close_button.addEventListener(MouseEvent.CLICK, callClose);

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

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

  1. Подготовьте баннер согласно п. 2 инструкции.
  2. Добавьте баннер:
    • для баннеров на коде Ajax — special--->AjaxJS--->FullScreen-AjaxJS
    • для баннеров на коде Poster — special--->poster--->fullscreen
    • для баннеров на коде Extension — special--->extension--->fullscreen
  3. Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости, укажите другие параметры.
  4. Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
  5. Включите баннер (галочка Вкл.), укажите распределение в течение дня, задайте необходимые ограничения по количеству показов/кликов.

    Важно! обязательно установите Минимальный интервал между показами баннера уникальному пользователю в сек. более 60 сек

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

  6. Кликните по ссылке Загрузить баннер.
  7. Выберите с помощью кнопки Обзор все файлы баннера. Заполните указанные поля.
  8. Если необходимо указать ссылки для сторонних счетчиков, заполните соответствующие поля, следуя инструкции. Если необходимо указать несколько ссылок для счетчиков, нажмите еще под соответствующим полем.
  9. Нажмите на кнопку Загрузить.

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

  • Если кликнуть по элементу Подробнее, должно открыться окно с сайтом рекламодателя
  • Если кликнуть по элементу Пропустить заставку, должно открыться окно с сайтом, на котором размещен баннер
  • Если обновить страницу в течение 60 секунд после демонстрации, то баннер показываться НЕ ДОЛЖЕН

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

 

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

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