- Баннеры
- Переименованные типы кодов
- Общие технические требования к баннерам
- Доп. возможности баннеров
- Спецификации
- Видео 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
- Инструменты
- Функциональности устаревших форматов
- Примеры устаревших форматов
- Пример баннера Сессионный Poster
- Пример MPU-баннера, меняющего фон страницы
- Пример баннера-наблюдателя
- Пример баннера, ведущего на разные страницы в зависимости от геозоны
- Пример Flash-баннера
- Пример баннера Pop-Under (Pop-Up)
- Пример баннера Топор с расхлопом
- Пример баннера FullScreen
- Пример мультипанельного баннера (MPU, FlySreen, Overlay)
- Пример баннера SideKick
- Пример баннера ShowCase
- Пример баннера MenuOverlay
- Пример видеобаннера
- Пример радиобаннера
- Пример баннера FlashFull
- Пример баннера PeelDown (уголок)
- Спецификации устаревших форматов
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 в поле Раскрытие баннера относительно контента: укажите значение баннер сдвигает контент.
- Установите соответствующее значение в поле Раскрытие баннера относительно контента для реализации функциональности сдвига контента сайта баннером.
- Нажмите на кнопку Загрузить.