- Справка баннеры
- Переименованные типы кодов
- 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
- Спецификации устаревших форматов
ExpandableMove
1. Карточка баннера
Описание:
растягивающийся баннер. При заходе на сайт перетяжка раскрыта, контент сайта сдвинут баннером вниз. Через заданное время баннер сворачивается в малый размер.
Тип кода:
Ajax, Poster, Extension.
Подробнее:
баннер состоит из креативов разной высоты или ширины. Сначала появляется первый креатив (при этом контент страницы сдвигается), его видно заданное количество секунд, затем он заменяется на второй. Баннер не ограничен по показам уникальному посетителю. Он раскрывается на каждый показ. Если необходимо один раз показывать раскрывающийся TopLine, а в остальное время обычный TopLine, то вы можете загрузить раскрывающийся TopLine приоритетом выше, ограничить по показам уникальному посетителю, а ниже приоритетом загрузить TopLine без ограничений. При этом оба баннера должны быть одного типа.
Другие названия формата:
перетяжка с расхлопом.
2. Подготовка баннера
2.1. Подготовка Flash-ролика
Подготовьте два Flash-ролика: большой и маленький. Для маленького Flash-ролика подготовьте заглушку (.gif или .jpeg). Она показывается тем посетителям сайта, у которых нет необходимой версии Flash-плагина. Размеры заглушки и маленького Flash-ролика должны совпадать (ширина и высота).
Подготовьте кликовую область Flash-ролика согласно инструкции.
Размер загружаемых файлов должен соответствовать спецификации.
2.2. Подготовка HTML-баннера
Подготовьте HTML-баннер согласно инструкции.
3. Подготовка скрипта для баннеров на коде Poster
-
Распакуйте пример. Откройте текстовым редактором файл script.js. Внесите изменения только в верхнюю часть скрипта, отмеченную как Editable block:
var ar_swf1 = 'big.swf', ar_swf2 = 'small.swf', ar_w1 = '100%', ar_h1 = '90', ar_w2 = '100%', ar_h2 = '200', ar_flashver = 8, ar_timeout = 10, ar_gif = '0.gif', ar_bgcolor = 'transparent', ar_flash_pixel = '', ar_gif_pixel = '';
Переменные:
ar_swf1имя Flash-ролика, который появится на экране первым. Обычно он больше. Впишите ваше имя файла. Если Flash-ролик должен загружаться со стороннего сервера, впишите полный адрес, начинающийся с «http://» или «https://». В последнем случае, загружать его не придетсяar_swf2имя второго Flash-ролика. Также может быть загружен со стороннего сервераar_w1, ar_h1ширина и высота первого Flash-ролика. Ширина по умолчанию указана 100% (изменять не рекомендуется). Высоту в пикселях необходимо задать самостоятельноar_w2, ar_h2ширина и высота второго Flash-ролика. Аналогичноar_flashverFlash-плагин, который необходим посетителю для просмотра ваших Flash-роликов. Проверяйте соответствие Flash-плагина и роликовar_timeoutвремя в секундах, сколько будет показываться первый Flash-ролик. Практика показывает, что пять секунд — оптимальное времяar_gifимя заглушки (gif). Может быть загружена со стороннего сервера. Заглушка показывается, если у посетителя отсутствует необходимый Flash-плагин. Если вы не указали никакой заглушки, а Flash-плагина у посетителя нет, посетитель просто ничего не увидит. Показ при этом все равно посчитается. Заглушка показывается в таблице, в отличие от Flash-ролика. Высота рисунка (gif) считается равной высоте Flash-ролика, в данном примере — 60 пикселей. Ширина рисунка (gif) не указывается, браузер определяет её сам, место справа и слева заполняется определённым цветомar_bgcolorцвет, которым заполняется место справа и слева от рисунка (gif). Можно указывать определённые в html цвета: white, gray, blue, black и т.д., можно указывать в виде rgb: #c0fea2. Кроме этого, введено ключевое слово transparent. Если указан такой цвет, таблица вообще не имеет свойства bgcolor, а значит, считается прозрачной, т.е. имеет цвет сайтаar_flash_pixelвызов стороннего счётчика для Flash-ролика. Если не нужен, оставьте пустымar_gif_pixelвызов стороннего счётчика для заглушки. Если не нужен, оставьте пустымПримечание: Если у вас есть только один код сторонней системы для подсчёта показов, то впишите его и как значение переменной ar_flash_pixel и как значение переменной ar_gif_pixel.
- Сохраните script.js. Баннер готов к загрузке.
4. Загрузка баннера
- Подготовьте баннер согласно п. 2 и п. 3 инструкции.
-
Добавьте баннер:
- Для баннеров на коде Ajax — special—>AjaxJS—>Expandable-AjaxJS
- Для баннеров на коде Poster — special—>poster—>generic-poster
- Для баннеров на коде Extension — special—>extension—>Expandable
- Укажите ссылку на сайт рекламодателя в поле Линк Баннера. При необходимости, укажите другие параметры.
- Нажмите на кнопку Добавить баннер. Вы попадете на страницу редактирования параметров баннера.
- Включите баннер (галочка Вкл.), укажите распределение в течение дня, задайте необходимые ограничения по количеству показов/кликов. При необходимости, настройте другие параметры. Для сохранения введенных настроек нажмите на кнопку Сохранить.
- Кликните по ссылке Загрузить баннер.
- Выберите с помощью кнопки Обзор все файлы баннера. Для баннеров на кодах Ajax и Extension в поле Раскрытие баннера относительно контента: укажите значение баннер сдвигает контент.
- Установите соответствующее значение в поле Раскрытие баннера относительно контента для реализации функциональности сдвига контента сайта баннером.
- Нажмите на кнопку Загрузить.