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

BackGround

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

Описание:
баннер — фоновое изображение веб-страницы.
Тип кода:
Poster, Ajax, JavaScript, Extension.
Примеры:
BackGround на коде Extension, BackGround на коде Ajax.
Подробнее:
баннер — фоновое изображение веб-страницы. По клику в области фона происходит переход на сайт рекламодателя. Размер и положение кликовой области задаются при изготовлении баннера.

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

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

Подготовьте фоновое изображение, которое будет отображаться на странице.

2.1. Скрипт для BackGround на кодах JavaScript / Poster

  1. Дополнительно к фоновому изображению подготовьте прозрачный gif, размером 1х1 px, который будет являться прозрачной кликовой областью
  2. Распакуйте пример
  3. Откройте текстовым редактором файл script.js. Внесите изменения только в верхнюю часть скрипта, отмеченную как Editable block:
    var ar_back		    = 'back.gif';
    var ar_back_color	= '#262625';
    
    var ar_transparent	= '1x1.gif';
    var ar_tr_width		= '100%';
    var ar_tr_height	= '100%';
    var ar_tr_left		= '0px';
    var ar_tr_top		= '0px';
    
    var ar_gif_pixel	= '';

    Переменные:

    ar_back
    имя фонового изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «http://». В этом случае загружать его в систему не придется
    ar_back_color
    цвет, которым заполняется место, вокруг фонового изображения. Указывайте цвет в виде rgb: #rrggbb. Если не нужен, оставьте пустым
    ar_transparent
    имя прозрачного изображения. Впишите ваше имя файла. Если изображение должно загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «http://». В последнем случае загружать его в систему не придется
    ar_tr_width
    ширина кликовой области. Можно указать размер в процентах (%) или в пикселях (px)
    ar_tr_height
    высота кликовой области. Можно указать размер в процентах (%) или в пикселях (px)
    ar_tr_left
    смещение кликовой области от левого края окна. Можно указать размер в процентах (%) или в пикселях (px)
    ar_tr_top
    смещение кликовой области от верхнего края окна. Можно указать размер в процентах (%) или в пикселях (px)
    ar_gif_pixel
    вызов стороннего счётчика. Если не нужен, оставьте пустым
  4. Сохраните script.js. Баннер готов к загрузке.

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

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

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

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

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