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

Брендирование

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

Описание:
показ двух форматов – любого из баннеров на странице вместе с подложкой по одному коду. Это дает возможность настроить пару баннеров в динамике и избежать расхождений по показам каждого креатива в отдельности.
Тип кода:
Ajax, Poster, Extension.
Примеры:
Подробнее:
формат состоит из двух Flash-роликов или картинок, которые вместе с управляющим их работой скриптом загружаются в один баннер в системе.
Обсчёт внешними системами:

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

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

Подготовьте два выбранных вами формата.

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

Подготовьте два изображения: фоновое, которое будет отображаться на странице, и прозрачный gif, размером 1х1 px, который является прозрачной кликовой областью.

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

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

Подготовьте два варианта Flash-баннера: Flash-ролик (.swf) и заглушку .gif или .jpeg, чтобы демонстрировать её тем посетителям сайта, у которых нет необходимой версии Flash-плагина.

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

Если в баннере планируется использование нескольких различных URL перехода, воспользуйтесь инструкцией по прошивке альтернативных кликов.

Если вы хотите подгружать в Flash-ролик дополнительные части, загруженные в баннер, то необходимо дописать к имени подгружаемого компонента перeменную _root.ar_comppath.

Например, для Flash-файлов:

_root.ar_comppath + 'flash_name.swf'

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

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

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

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

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

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

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

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

var ar_img_name    = '1.jpg', 
ar_swf_name        = '1.swf', 
ar_html_name       = '1.html',
ar_width           = '1044px', 
ar_height          = '150px', 
ar_back            = 'background.jpg', 
ar_back_color      = '#262625', 
ar_content_width   = '980px', 
ar_transparent     = '1x1.gif', 
ar_tr_width        = '100px', 
ar_tr_height       = '100%', 
ar_tr_left         = '0px', 
ar_tr_top          = '0px', 
ar_width1          = '0px', 
ar_width2          = '0px', 
ar_pad_top         = '0px', 
ar_flashver        = '8', 
ar_wmode           = 'opaque', 
ar_gif_pixel       = , 
ar_alt_link        = , 
ar_quality         = 'best'; 

Переменные:

var ar_img_name
имя заглушки (gif). Может быть загружена со стороннего сервера. Заглушка показывается, если у посетителя отсутствует необходимая версия Flash-плагина
ar_swf_name
имя Flash-ролика. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с « http://» или « https://». В последнем случае, загружать его в систему не придётся
ar_html_name
имя HTML-файла. Впишите ваше имя файла. Если HTML-файл должен быть загружен со стороннего сервера, впишите полный адрес, начинающийся с « http://» или « https://». В последнем случае, загружать его в систему не придётся
ar_width
ширина Flash-ролика. Ширина по умолчанию указана 100%. Изменять данное значение не рекомендуется
ar_height
высота Flash-ролика. Укажите высоту вашего Flash-ролика в пикселях (px)
ar_back
имя фонового изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с « http://» или « https://». В этом случае, загружать его в систему не придется
ar_back_color
цвет, которым заполняется место вокруг фонового изображения. Указывайте цвет в RGB (#rrggbb). Если не нужен, оставьте пустым
ar_content_width
ширина контента сайта
ar_transparent
имя прозрачного изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с « http://» или « https://». В последнем случае, загружать его в систему не придется
ar_tr_width
ширина кликовой области. Можно указать размер в процентах (%) или в пикселях (px)
ar_tr_height
высота кликовой области. Можно указать размер в процентах (%) или в пикселях (px)
ar_tr_left
смещение кликовой области от левого края окна. Можно указать размер в процентах (%) или в пикселях (px)
ar_tr_top
смещение кликовой области от верхнего края окна. Можно указать размер в процентах (%) или в пикселях (px)
ar_width1
увеличение (уменьшение) ширины для левой кликовой области
ar_width2
увеличение (уменьшение) ширины для правой кликовой области
ar_pad_top
высота верхней кликовой области. При значении 0px верхняя кликовая область не используется
ar_flashver
версия Flash-плагина, которая необходима посетителю для просмотра вашего Flash-ролика
ar_wmode
прозрачность (wmode)
ar_gif_pixel
вызов стороннего счётчика. Если не нужен, оставьте пустым
ar_alt_link
вызов стороннего счётчика для заглушки. Если не нужен, оставьте пустым
ar_quality
качество отображения Flash-клипа (quality)

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

В строчке 66 следующий код:

doc.body.style.background = ar_back_color+' url(' + ar_c(ar_back) + ') no-repeat center top fixed';

замените на:

doc.body.style.background = ar_back_color+' url(' + ar_c(ar_back) + ') no-repeat center top';

Сохраните файл script.js. Баннер готов к загрузке.

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

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

var ar_img_name    = '1.gif', 
ar_swf_name        = '1.swf', 
ar_html_name       = '1.html',
ar_width           = '1044px', 
ar_height          = '150px', 
ar_back            = 'background.jpg', 
ar_back_color      = '#262625', 
ar_content_width   = '980px', 
ar_transparent     = '1x1.gif',
ar_tr_width        = '100px', 
ar_tr_height       = '100%', 
ar_tr_left         = '0px', 
ar_tr_top          = '0px', 
ar_width1          = '0px', 
ar_width2          = '0px', 
ar_pad_top         = '0px', 
ar_flashver        = '8', 
ar_wmode           = 'opaque', 
ar_gif_pixel       = , 
ar_alt_link        = ; 

Переменные:

ar_img_name
имя заглушки (gif). Может быть загружена со стороннего сервера. Заглушка показывается, если у посетителя отсутствует необходимая версия Flash-плагина
ar_swf_name
имя Flash-ролика. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, то впишите полный адрес, начинающийся с « http://» или « https://». В последнем случае, загружать его в систему не придётся
ar_html_name
имя HTML-файла. Впишите ваше имя файла. Если HTML-файл должен быть загружен со стороннего сервера, впишите полный адрес, начинающийся с « http://» или « https://». В последнем случае, загружать его в систему не придётся
ar_width
ширина Flash-ролика. Ширина по умолчанию указана 100% (изменять не рекомендуется). Высоту в пикселях вы задаёте сами
ar_height
высота Flash-ролика. Ширина по умолчанию указана 100% (изменять не рекомендуется). Высоту в пикселях вы задаёте сами
ar_back
имя фонового изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с « http://» « https://». В этом случае, загружать его в систему не придется
ar_back_color
цвет, которым заполняется место вокруг фонового изображения. Указывайте цвет в RGB (#rrggbb). Если не нужен, оставьте пустым
ar_content_width
ширина контента сайта
ar_transparent
имя прозрачного изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с « http://» или « https://». В последнем случае, загружать его в систему не придется
ar_tr_width
ширина кликовой области. Можно указать размер в процентах (%) или в пикселях (px)
ar_tr_height
высота кликовой области. Можно указать размер в процентах (%) или в пикселях (px)
ar_tr_left
смещение кликовой области от левого края окна. Можно указать размер в процентах (%) или в пикселях (px)
ar_tr_top
смещение кликовой области от верхнего края окна. Можно указать размер в процентах (%) или в пикселях (px)
ar_width1
увеличение (уменьшение) ширины для левой кликовой области
ar_width2
увеличение (уменьшение) ширины для правой кликовой области
ar_pad_top
высота верхней кликовой области. При значении 0px верхняя кликовая область не используется
ar_flashver
версия Flash-плагина, которая необходима посетителю для просмотра вашего Flash-ролика
ar_wmode
прозрачность (wmode)
ar_gif_pixel
вызов стороннего счётчика. Если не нужен, оставьте пустым
ar_alt_link
вызов стороннего счётчика для заглушки. Если не нужен, оставьте пустым

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

В строчке 41 следующий код:

D.body.style.background = ar_back_color+' url(' + a.checkHttp(ar_back) + ') no-repeat center top fixed'; 

заменить на:

D.body.style.background = ar_back_color+' url(' + a.checkHttp(ar_back) + ') no-repeat center top';

Сохраните файл script.js. Баннер готов к загрузке.

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

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

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

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

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