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

Требования к баннерам формата ScreenGlide

1. Добавление баннера ScreenGlide, как стандартного poster или extension

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

Подготовьте два flash-ролика: большой и маленький.

При создании flash-ролика в первом кадре ролика пропишите команды, указанные ниже:

if(ar_init == undefined){
 ar_init = true;
 System.security.allowDomain(_parent._url);
}

System.security.allowDomain(_parent._url) разрешает доступ загрузчику к переменным баннера и позволяет правильно инициализировать переменную для клика (link1).
При этом в загрузчике не нужно специально разрешать доступ для загружаемых роликов.

Для того, чтобы зарегистрировать событие «клик» нужен элемент button (при наведении мыши на такой элемент, курсор изменяется). Для того, чтобы перейти по клику используется функция getURL. Ей передаётся два параметра: куда переходить — переменная link1 и _blank — значение переменной target, чтобы открывать ссылку баннера в новом окне.

В большом flash-ролике создайте элемент button. Для этого элемента напишите следующий скрипт:

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

Обязательно используйте переменную link1 для подсчёта кликов.

Для того, чтобы открывать ссылку баннера в том же окне, укажите во flash-ролике _top.

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

Если вы, как рекламная площадка, используете AdRiver в качестве основной системы управления рекламой на сайте, то в flash-ролике пропишите скрипт:

on (release) {
       getURL(_root.link1, _root.target);
}

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

1.2. Требования

Имена файлов должны содержать только цифры или буквы английского алфавита, или символ подчёркивания, и не должны содержать русских букв, пробелов, кавычек, тире и специальных символов. Если вы загружаете баннеры со стороннего сервера (через location), то в ссылке изменять ничего не надо.

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

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

Установите на сайте код poster или extension. Добавьте баннер типа ScreenGlide, если на сайте стоит код extension или баннер типа SG-Poster, если на сайте стоит код poster.

1.4. Проверка работоспособности flash-ролика

Откройте flash-ролик у себя на компьютере и кликните по нему. Если ролик сделан правильно, то перехода на сайт не произойдёт. Проверьте, что баннер кликается по обоим flash-роликам.

1.5. Примеры

Баннер ScreenGlide.

ScreenGlide, сдвигающий вниз контент страницы.

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

2. Добавление баннера ScreenGlide, как Generic AjaxJS

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

Подготовьте два flash-ролика: большой и маленький.

При создании flash-ролика в первом кадре ролика пропишите команды, указанные ниже:

if(ar_init == undefined){
 ar_init = true;
 System.security.allowDomain(_parent._url);
}

System.security.allowDomain(_parent._url) разрешает доступ загрузчику к переменным баннера и позволяет правильно инициализировать переменную для клика (link1).
При этом в загрузчике не нужно специально разрешать доступ для загружаемых роликов.

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

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

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

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

/****** Editable block ******/
var gifname = 'mts121_760x60v1.gif';
var giflocation = '';
var smallflashname = 'mts121_760x60v1.swf';
var smallflashlocation = '';
var ar_width_small = '760';
var ar_height_small = '60';
var bigflashname = 'mts121_760x300v4.swf';
var bigflashlocation = '';
var ar_width_big = '760';
var ar_height_big = '300';
var ar_valign = '1';
var ar_align = '0';
var ar_flashver = '6';
var ar_alt_link = '';
var ar_zeropixel = '';
var ar_wmode = 'opaque';
//***************************

Переменные:

  • var gifname — имя заглушки (gif). Впишите ваше имя файла.
  • var giflocation — если заглушка должна загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://». В этом случае, загружать её не придется.
  • var smallflashname — имя малого flash-ролика. Впишите ваше имя файла.
  • var smallflashlocation — если flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://». В этом случае, загружать его не придется.
  • var ar_width_small, var ar_height_small — ширина и высота малого flash-ролика. Впишите ваше значение в пикселях (px).
  • var bigflashname — имя большого flash-ролика. Впишите ваше имя файла.
  • var bigflashlocation — если flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://». В этом случае, загружать его не придется.
  • var ar_width_big, var ar_height_big — ширина и высота большого flash-ролика. Впишите ваше значение в (пикселях) px.
  • var ar_valign — разворот по вертикали. Впишите 0, если баннер должен разворачиваться вверх, или 1, если баннер должен разворачиваться вниз.
  • var ar_align — разворот по горизонтали. Впишите 0, если баннер должен разворачиваться влево, или 1, если баннер должен разворачиваться вправо.
  • var ar_flashver — минимальная версия flash-плагина, которая необходима посетителю для просмотра ваших flash-роликов. Проверяйте соответствие flash-плагина и роликов.
  • var ar_alt_link — альтернативный клик по заглушке (если не нужен, оставьте пустым).
  • var ar_zeropixel — вызов стороннего зеропикселя (если не нужен, оставьте пустым).
  • var ar_wmode — прозрачность (wmode). Можно указать одно из значений:
    • transparent (прозрачный) — делает прозрачными области flash-ролика, не заполненные графикой, сквозь прозрачный фон видны другие элементы страницы.
    • opaque (непрозрачный) — все области flash-ролика становятся непрозрачными (значение по умолчанию), flash-ролик перекрывает другие элементы страницы.
    • window (в своём окне) — flash-ролик отображается в самом верхнем слое (в собственном окне), независимо от прочего контента на странице.

2.2. Требования

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

2.3. Загрузка баннера и получение кода

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

Добавьте баннер типа Generic AjaxJS. Кликните по ссылке загрузить баннер и загрузите script.js и все подготовленные flash-ролики и изображения.

Размещение модуля adriver_async.js

Для отображения баннера, на странице должен присутствовать специальный модуль adriver_async.js.

Варианты размещения модуля:

  1. Модуль располагается в отдельном файле на площадке.
    • Скачайте и разместите файл adriver_async.js на вашем сайте.
    • В код страницы добавьте следующий скрипт:
      <script src="ссылка на файл adriver_async.js на вашей площадке" type="text/javascript"></script>

      Часть кода, выделенную красным, замените на реальную ссылку на файл adriver_async.js на вашей площадке (должна начинаться с http://).

  2. Модуль целиком располагается в коде страницы.
    • Скачайте код для размещения на странице.
    • Откройте текстовым редактором файл adriver_async_code.txt и скопируйте его содержимое.
    • Вставьте скопированный из файла код в HTML-код вашей страницы.

    Обратите внимание, что модуль adriver_async.js должен размещаться до кода вызова баннера.

Формирование кода вызова баннера

Варианты вызова баннера.

  1. Код баннера.

    В этом случае на странице сайта размещается код конкретного баннера, поэтому выделять слайсы с сайта и передавать их в кампанию не нужно.

    Пример кода:

    <div id="adriver_banner"></div>
    <script type="text/javascript" language=javascript>
       new adriver("adriver_banner", {sid:1,bt:52,ad:158427,pid:296069,bid:566951,bn:566951});
    </script>
    

    Следующие параметры могут изменяться пользователем:

    • "adriver_banner" — ID элемента на странице, куда будет вставляться баннер;
    • ad:158427ID рекламной кампании;
    • pid:296069 — ID сценария, в который добавлен баннер;
    • bid:566951 — ID баннера;
    • bn:566951 — совпадает с ID баннера;

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

  2. Общий код сайта.

    В этом случае на странице сайта размещается общий код сайта для баннеров типа AjaxJS.

    Пример кода:

    <div id="adriver_banner"></div>
    <script type="text/javascript" language=javascript>
        new adriver("adriver_banner", {sid:92347,bt:52,pz:0,bn:0});
    </script>
    

    Следующие параметры могут изменяться или добавляться пользователем:

    • "adriver_banner" — ID элемента на странице, куда будет вставляться баннер;
    • sid:92347 — ID сайта;
    • sz:"main"алиас зоны сайта, если зона сайта не используется, то данный параметр указывать не надо;
    • pz:0 — ID зоны страницы (0 — любая, 1 — верх, 2 — середина, 3 — низ);
    • bn:0 — номер баннера на странице;

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

Расположите код вызова баннера в нужном месте вашей HTML-страницы.

ВНИМАНИЕ! Для площадки expert.ru требуется специальный код. Скачать файл с кодом для площадки expert.ru.

Проверьте корректность отображения и работы баннера!

* текстовым редактором для операционной системы Windows может служить обычный блокнот. Также подходит Far Manager с плагином colorer. MSWord в данном случае не подходит.

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

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

Проверьте корректность отображения и логику работы баннера!

Рекомендуем протестировать работу баннера, разместив код на тестовой странице.

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

2.5. Пример

Баннер ScreenGlide на коде Generic AjaxJS.

См. также: ScreenGlide, сдвигающий вниз контент страницы.

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

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

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

Поиск Поиск
Карта сайта