Главная   ·   Справка   ·   Справка баннеры   ·   Спецификации   ·   Брендирование

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

  1. Карточка баннера
  2. Подготовка баннера
    1. Подготовка баннера BackGround
    2. Подготовка Flash-роликов
    3. Подготовка HTML-баннера
  3. Подготовка скрипта
    1. Скрипт для баннеров на кодах Extension / Poster
    2. Скрипт для баннеров на коде Ajax
  4. Загрузка баннера
  5. Полезные ссылки

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

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

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

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

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

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

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

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

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

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

Подготовьте кликовую область в Flash-ролике согласно инструкции.

2.3. Подготовка HTML-баннера

Подготовьте HTML-баннер согласно инструкции.

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. Полезные ссылки