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

Парные и непарные баннеры. Создание и настройка

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

Описание:
баннеры с эффектами совместной работы.
Тип кода:
фреймовый, Poster, JavaScript, Extension.
Подробнее:
парные баннеры позволяют показать несколько баннеров разного формата одного рекламодателя одновременно на одной странице сайта. Непарные баннеры, наоборот, позволяют показывать одновременно несколько баннеров разных рекламодателей. Парные синхронизированные баннеры реализуют зрительные эффекты совместной работы баннеров разного формата из одной сесcии одновременно на одной странице сайта (перетекание сообщения, увеличение полей рекламного сообщения). При клике на каждый из баннеров происходит переход на сайт рекламодателя. Парные синхронизированные баннеры представляют собой обычные flash-баннеры, сделанные по специальной технологии.
Обсчёт внешними системами:

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

Важно: для реализации парных баннеров на коде Ajax следуйте данной инструкции.

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

2.1. Подготовка синхронизированных баннеров

  1. Подготовьте два Flash-ролика — главный и вспомогательный;
  2. Скачайте библиотеку arSync.as;
  3. Сохраните в одну папку файл arSync.as, а также исходники главного и второстепенных Flash-роликов;
  4. Для создания эффекта синхронизации пропишите в главном Flash-ролике следующий скрипт:
    import arSync;
    
    var s = new arSync("master", ["panel"]);
    s.onLoad = function(){
    	gotoAndPlay("start_point");
    }
    s.fSyncPoint1 = function() {
    	gotoAndPlay("sync_point1");
    }
    
    stop();

    Примечания к коду:

    new arSync("master", ["panel"])
    команда на создание синхронного баннера.
    master
    имя главного Flash-ролика, panel — имя второстепенного Flash-ролика.
    new arSync("master", ["panel", "panel1", "panel2"])
    если второстепенных роликов несколько, то имена указываются через запятую.
  5. Во второстепенном ролике пропишите следующий скрипт:
    import arSync;
    
    var s = new arSync("panel");
    s.onLoad = function(){
    	gotoAndPlay("start_point");
    }
    
    stop();

    Примечания к коду:

    new arSync("panel");
    команда на создание синхронного баннера.

    Для каждого второстепенного Flash-ролика укажите его имя

  6. Как только все Flash-ролики синхронизируются, вызывается функция onLoad, поэтому в ней надо прописать начальные действия (например, переход к кадру с меткой start_point).
  7. Передавать команды между Flash-роликами можно следующим образом:
    s.sendCommand('<имя ролика, которому передаём>', '<название команды>', <параметры>);
    • Параметры опциональны, их можно не указывать;
    • Например, в 4 кадре второстепенного ролика отправляем команду второму ролику:
      s.sendCommand('master', 'fSyncPoint1'); // отправка команды второму ролику
      

2.2. Прошивка Flash-роликов

Для регистрации события «клик» в каждом Flash-ролике, в его прозрачном самом верхнем слое, необходимо создать элемент button.

2.2.1. Для баннеров на ActionScript 2

2.2.2. Для баннеров на ActionScript 3

2.3. Настройка дополнительных эффектов совместной работы парных баннеров (разных форматов из одной сессии)

  1. Выделите парные баннеры.

    Парные баннеры могут быть обычными Flash (или графическими) баннерами. Создание синхронизированных Flash-баннеров описано в пункте 2.1.

  2. Загрузите группы баннеров в сценарий, в сценарии настройте таргетинг по зонам сайта на номер баннера из диапазона 1...N, где N — число групп. Установите для баннеров максимальное распределение в течение дня.
  3. В рекламную кампанию передайте по слайсу каждого формата. Настраивать в слайсе таргетинг на номер баннера не требуется.

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

  4. В код страницы сайта вставьте скрипт, генерирующий случайный номер группы из диапазона 1...N. Это та группа, которая будет показываться:
    <script language="JavaScript"><!--
    var N = 3;
    var ar_duo1 = Math.floor(Math.random()*N+1);
    //-->
    </script>
    

    Здесь N = 3 — диапазон возможных случайных чисел (это число сессий с парными баннерами — впишите вместо цифры ваше значение), ar_duo1 — переменная, принимающая значение номера сессии.

  5. Модифицируйте код AdRiver, вставив строку ниже в код вызова баннера:
    &bn='+ar_duo1+'
    
  6. Установите модифицированный код на страницу сайта.

2.3.1. Пример добавления переменной ar_duo1 в код вызова баннера

2.3.1.1. Для баннеров на коде IFrame

Пример кода, полученного из интерфейса:

<!--  AdRiver code START. Type:240x400 Site: example PZ: 0 BN: 0 -->
<script language="javascript" type="text/javascript"><!--
var RndNum4NoCash = Math.round(Math.random() * 1000000000);
var ar_Tail='unknown'; if (document.referrer) ar_Tail = escape(document.referrer);
document.write(
'<iframe src="http://ad.adriver.ru/cgi-bin/erle.cgi?'
+ 'sid=94499&target=top&bt=22&pz=0&rnd=' + RndNum4NoCash + '&tail256=' + ar_Tail
+ '" frameborder=0 vspace=0 hspace=0 width=240 height=400 marginwidth=0'
+ ' marginheight=0 scrolling=no></iframe>');
//--></script>
<noscript>
<a href="http://ad.adriver.ru/cgi-bin/click.cgi?sid=94499&bt=22&pz=0&rnd=2086712584" target=_top>
<img src="http://ad.adriver.ru/cgi-bin/rle.cgi?sid=94499&bt=22&pz=0&rnd=2086712584" alt="-AdRiver-" border=0 width=240 height=400></a>
</noscript>
<!--  AdRiver code END  -->

Модифицированный код:

<!--  AdRiver code START. Type:240x400 Site: example PZ: 0 BN: 0 -->
<script language="javascript" type="text/javascript"><!--
var RndNum4NoCash = Math.round(Math.random() * 1000000000);
var ar_Tail='unknown'; if (document.referrer) ar_Tail = escape(document.referrer);
document.write(
'<iframe src="http://ad.adriver.ru/cgi-bin/erle.cgi?'
+ 'sid=94499&target=top&bt=22&bn='+ar_duo1+'&pz=0&rnd=' + RndNum4NoCash + '&tail256=' + ar_Tail
+ '" frameborder=0 vspace=0 hspace=0 width=240 height=400 marginwidth=0'
+ ' marginheight=0 scrolling=no></iframe>');
//--></script>
<noscript>
<a href="http://ad.adriver.ru/cgi-bin/click.cgi?sid=94499&bt=22&pz=0&rnd=2086712584" target=_top>
<img src="http://ad.adriver.ru/cgi-bin/rle.cgi?sid=94499&bt=22&pz=0&rnd=2086712584" alt="-AdRiver-" border=0 width=240 height=400></a>
</noscript>
<!--  AdRiver code END  -->

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

2.3.1.2. Для баннеров на кодах Poster и Extension

Сгенерируйте код Poster, найдите в нём строку вида:

adriverPoster("http://ad.adriver.ru/cgi-bin/erle.cgi?sid=94499&target=top&bt=49&pz=0");

Вставьте в строку переменную ar_duo1, как показано ниже:

adriverPoster("http://ad.adriver.ru/cgi-bin/erle.cgi?sid=94499&target=top&bt=49&bn="+ar_duo1+"&pz=0");

Разместите код на странице сайта.

Сгенерируйте код Extension, найдите в нём строку вида:

http://ad.adriver.ru/cgi-bin/erle.cgi?sid=94499&target=top&bt=43&pz=0&tail256=

Вставьте в строку переменную ar_duo1, как показано ниже:

http://ad.adriver.ru/cgi-bin/erle.cgi?sid=94499&target=top&bt=43&bn="+ar_duo1+"&pz=0&tail256=

Разместите код на странице сайта.

2.4. Настройка дополнительных эффектов совместной работы непарных баннеров (разных форматов из разных сессий)

  1. Выделите парные баннеры из одной сессии. Загрузите группы баннеров в сценарий, в каждом сценарии настройте таргетинг по зонам сайта на номер баннера из диапазона 1...N, где N — число групп.
  2. Установите для баннеров максимальное распределение в течение дня.
  3. В рекламную кампанию передайте по слайсу каждого формата. Настраивать в слайсе таргетинг на номер баннера не требуется. Слайсы, переданные в кампанию для парных баннеров, должны иметь максимальное распределение в течение дня и приоритет выше, чем у всех остальных слайсов.
  4. На странице сайта разместите скрипт, генерирующий случайный номер группы из диапазона 1...N. Это та группа, которая будет показываться:
    <script language="JavaScript"><!--
    var N = 3;
    var ar_duo=[];while(N--){ar_duo[N]=N+1};ar_duo.sort(function(){return 0.5-Math.random()});
    //-->
    </script>
    

    Здесь N = 3 — диапазон возможных случайных чисел (это число сессий с парными баннерами — впишите вместо цифры ваше значение), ar_duo — переменная, принимающая значение номера сессии.

  5. Модифицируйте код AdRiver, вставив строку ниже в код вызова баннера:
    &bn='+ar_duo[#]+'
    

    Замените # на соответствующие номера баннеров на странице (0, 1, 2).

  6. Установите модифицированный код на страницу сайта.

2.5. Модификация кода AdRiver с использованием параметров custom и keyword

Номер пары можно задать в незанятых параметрах кода AdRiver. Например, в keyword или custom.

Для этого модифицируйте код AdRiver, вставив строку ниже в код вызова баннера:

&keyword='+ar_duo1+'

или

&custom='+ar_duo1+'

Рекомендуется использовать для пар параметр custom, так как это позволит задать в интерфейсе справочник с номерами пар, в котором удобно ориентироваться.

Важно! Параметры keyword или custom — это дополнительные параметры кода. При генерации кода из интерфейса они не указываются автоматически, их нужно вписать в код самостоятельно. Вписать дополнительные параметры нужно как в строку для показа, так и в строку для клика, например, после параметра sid.

<a href=" http://ad.adriver.ru/cgi-bin/click.cgi?sid=155961&custom='+ar_duo1+'&sz=main&bn=1&bt=41&pz=0&rnd=793310393" target=_top>
<img src=" http://ad.adriver.ru/cgi-bin/rle.cgi?sid=155961&custom='+ar_duo1+'&sz=main&bn=1&bt=41&pz=0&rnd=793310393" alt="-AdRiver?-" border=0 width=970 height=90></a>

А для кода Ajax — вписать в код вызова баннера. Например, вот так:

&custom='+ar_duo1+'
<div id="banner_240x400" class="adriverBanner" data-Adriver="bn: 2, custom: {1:ar_duo1}"></div>

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

  1. Добавьте в сценарии рекламной кампании баннеры необходимого размера и типа;
  2. В поле Линк баннера впишите ссылку на сайт рекламодателя;
  3. Кликните по ссылке Загрузить баннер и загрузите все файлы баннера;
  4. В рекламную кампанию передайте слайс соответствующего типа.

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

 

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

 

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