- Справка баннеры
- Переименованные типы кодов
- HTML-Banner (HTML5)
- HTML-Fullsreen
- Flash banner
- Synchronized flash banners
- ScreenGlide
- FullScreen
- Expandable
- TopLine
- PeelDown
- Hatchet
- BackGround
- ScreenGlideClick
- ExpandableClick
- Expandable “Hatchet”
- Polite banner
- Pop-Under (Pop-Up)
- XML-banner
- MPU banners
- Rich-media
- Flash banner preparation for further AdRiver pixel insertion
- Video banner
- TopLine с растягивающимся Flash-роликом на коде extension
- TopLine с отдельными элеменатми на коде extension
- TopLine на коде poster
- TopLine на коде AjaxJS
- Rich-media на коде AjaxJS
- Slider
- MediaText (Комод) на коде html240x400
- PictContext на коде AjaxJS
- HTML-баннер на коде HTML 728×90
- HTML-баннер на коде AjaxJS
- Пример реализации дублирования баннера
- ExpandableMove на коде extension
- ExpandableMove на коде poster
- ExpandableMove на коде AjaxJS
- Expandable на коде AjaxJS
- ScreenGlide на коде AjaxJS
- ScreenGlideMove на коде AjaxJS
- ExpandableScreenGlide на коде AjaxJS
- ExpandableScreenGlideMove на коде AjaxJS
- Текстовый блок
- Баннер нестандартного размера
- Форма в HTML-баннере
- Тизерный блок
- LinkContext
- Графический баннер
- Общие технические требования к баннерам
- CatFish
- Slider
- Пример баннера HTML-FullScreen
- Пример HTML MPU баннера, раскрывающегося при наведении, закрывающегося по клику
- Пример HTML MPU баннера с большой панелью, раскрывающейся на 100% экрана
- Варианты снижения расхождений вызова кода ajax с системами веб-аналитики
- Доп. возможности баннеров
- Спецификации
- Видео VAST VPAID
- Видео VAST
- HTML-баннер (HTML5)
- CatFish
- HTML-FullScreen
- Click BackGround
- Брендирование
- Native Video
- HTML MPU
- Топор
- TopLine
- Expandable
- Rich-media
- BackGround
- ExpandableClick
- PictContext
- MediaText (Комод)
- ScreenGlide
- Баннер нестандартного размера
- ScreenGlideClick
- ScreenGlideMove
- ExpandableMove
- ExpandableScreenGlideMove
- XML-баннер
- ExpandableScreenGlide
- Текстово-графический блок
- Тизерный блок
- LinkContext
- Графический баннер
- Слайдер
- Аудио-баннер DAAST
- Баннер по положению устройства
- Примеры баннеров
- Пример баннера HTML-FullScreen
- Пример баннера HTML
- Пример баннера CatFish
- Пример баннера Click BackGround
- Пример баннера Брендирование
- Пример баннера HTML MPU
- Пример баннера Топор
- Пример баннера Native Video
- Пример баннера TopLine
- Пример баннера VAST
- Пример баннера VAST VPAID
- Пример баннера Expandable
- Пример баннера Rich-Media
- Пример баннера BackGround
- Пример баннера ExpandableClick
- Пример баннера PictContext
- Пример баннера MediaText (Комод)
- Пример баннера ScreenGlide
- Пример баннера нестандартного размера
- Пример баннера ScreenGlideClick
- Пример баннера ScreenGlideMove
- Пример баннера ExpandableMove
- Пример баннера ExpandableScreenGlideMove
- Пример баннера ExpandableScreenGlide
- Пример баннера Текстово-графический блок
- Пример баннера LinkContext
- Пример графического баннера
- Пример баннера Слайдер
- Пример баннера по положению устройства
- Пример баннера Тизерный блок
- Устаревшие форматы
- Спецификации устаревших форматов
- Мультипанельные баннеры (MPU, FlyScreen, OverLay)
- SideKick
- ShowCase
- MenuOverlay
- Видеобаннер
- Радиобаннер
- FlashFull
- Баннер в приложении для iPhone/iPad
- MultiScreen
- Сессионный Poster
- Minisite
- MPU-баннер, меняющий фон страницы
- Баннер наблюдатель
- SideKick из Rich-Media
- Баннер, ведущий на разные страницы в зависимости от геозоны
- Flash-баннер
- PoliteBanner
- Pop-Under (Pop-Up)
- Топор с расхлопом
- BackOver
- PeelDown (уголок)
- FullScreen
- Инструменты
- Функциональности устаревших форматов
- Flash-AjaxJS
- Flash468x60
- Pop-Under на коде JavaScript
- Pop-Under на коде AjaxJS
- Топор с расхлопом на коде JavaScript
- PeelDown на коде JavaScript
- PeelDown на коде AjaxJS
- FullScreen на коде AjaxJS
- SideKick на коде AjaxJS
- Видеобаннер на коде flash 240×400
- FlashFull на коде AjaxJS
- Топор с расхлопом на коде ajax
- MultiScreen
- Баннер наблюдатель
- FullScreen на коде extension
- Примеры устаревших форматов
- Пример баннера Сессионный Poster
- Пример MPU-баннера, меняющего фон страницы
- Пример баннера-наблюдателя
- Пример баннера, ведущего на разные страницы в зависимости от геозоны
- Пример Flash-баннера
- Пример баннера Pop-Under (Pop-Up)
- Пример баннера Топор с расхлопом
- Пример баннера FullScreen
- Пример мультипанельного баннера (MPU, FlySreen, Overlay)
- Пример баннера SideKick
- Пример баннера ShowCase
- Пример баннера MenuOverlay
- Пример видеобаннера
- Пример радиобаннера
- Пример баннера FlashFull
- Пример баннера PeelDown (уголок)
- AdRiver Creative Toolkit
- Спецификации устаревших форматов
BackGround
1. Карточка баннера
Описание:
баннер — фоновое изображение веб-страницы.
Тип кода:
Poster, Ajax, JavaScript, Extension.
Подробнее:
баннер — фоновое изображение веб-страницы. По клику в области фона происходит переход на сайт рекламодателя. Размер и положение кликовой области задаются при изготовлении баннера.
Примечание: В случае необходимости показывать баннер при доскролле до баннерного места, можно воспользоваться кодом Poster или специальным кодом Ajax. В остальных случаях используйте стандартные коды Ajax или Extension.
2. Подготовка баннера
Подготовьте фоновое изображение, которое будет отображаться на странице.
2.1. Скрипт для BackGround на кодах JavaScript / Poster
- Дополнительно к фоновому изображению подготовьте прозрачный gif, размером 1х1 px, который будет являться прозрачной кликовой областью
- Распакуйте пример
-
Откройте текстовым редактором файл 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
вызов стороннего счётчика. Если не нужен, оставьте пустым
- Сохраните script.js. Баннер готов к загрузке.
3. Загрузка баннера
- Подготовьте баннер согласно п. 2 инструкции.
-
Добавьте баннер:
- для баннеров на коде Ajax — special—>AjaxJS—>BackGround-AjaxJS
- для баннеров на коде JavaScript — special—>javascript—>JavaScript
- для баннеров на коде Poster — special—>poster—>generic-poster
- для баннеров на коде Extension — special—>extension—>BackGround
- Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости, укажите другие параметры.
- Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
- Включите баннер (галочка Вкл.), укажите распределение в течение дня, задайте необходимые ограничения по количеству показов/кликов. При необходимости, настройте другие параметры. Для сохранения введенных настроек нажмите на кнопку Сохранить.
- Кликните по ссылке Загрузить баннер.
- Выберите с помощью кнопки Обзор файл баннера. Заполните указанные поля.
- Если необходимо указать ссылки для сторонних счетчиков для баннеров на коде Ajax или Extension, заполните соответствующие поля, следуя инструкции. Если необходимо указать несколько ссылок для счетчиков, нажмите еще под соответствующим полем
- Для баннеров на кодах Ajax и Extension вы можете задать величину смещения контента от верхнего края окна и фиксирование фонового изображения при прокрутке страницы в соответствующих полях.
- Нажмите на кнопку Загрузить.