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

Click BackGround

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

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

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

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

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

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

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

  var   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_fix          = 1,
	ar_gif_pixel	= '';	

Переменные:

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_fix
фиксирование подложки при скроллинге. 1- подложка зафиксирована, 0 - подложка скроллится вместе с контентом
ar_gif_pixel
вызов стороннего счётчика. Если не нужен, оставьте пустым

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

2.2. Скрипт для BackGround на коде Ajax

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

  var   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_fix          = 1,
	ar_gif_pixel	= '';	

Переменные:

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_fix
фиксирование подложки при скроллинге. 1- подложка зафиксирована, 0 - подложка скроллится вместе с контентом
ar_gif_pixel
вызов стороннего счётчика. Если не нужен, оставьте пустым

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

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

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

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

 

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

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