- Справка баннеры
- Переименованные типы кодов
- 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
- Спецификации устаревших форматов
PeelDown
1. Banner summary
Description: An initial ad resides in the upper right corner of the page. On click, the ad tears down to reveal a full page ad.
Type of a code: ajax, javascript.
Examples: PeelDown on ajax code, PeelDown on javascript code.
Third party tracking: Flash banner preparation for further AdRiver pixel insertion.
Specification: An initial ad resides in the upper right corner of the page. On click, the ad tears down to reveal a full page ad (back page). When the ad fully expands, the advertiser’s content lays over the editorial content—focusing more attention on the marketing message.
2. Banner on a javascript code
2.1. Flash-movie preparation
You should prepare two flash-movies. The first flash-movie is a corner (an initial ad). It measurements should be defined (e.g. 100 x 100 px) and it should be transparent at the whole visible part of a banner.
The first frame of the first flash-movie should contain the following ActionScript:
function go_next () { getURL("javascript: ar_gonext();") }
On click, the ad tears down to reveal a full page ad (back page). The button element should contain the following ActionScript:
on( release ){ _root.go_next() }
The second flash-movie is a full page ad. The first frame of the second flash-movie should contain the following ActionScript:
function clk(url) { var href = _root.link1; if ((typeof (url) != "undefined") && (url != "null")) { if (url.toUpperCase().indexOf("HTTP://") == 0) { href += escape(url); } } if (_root.target == "_blank") { getURL(href, _root.target); getURL("javascript: ar_clearall();") } else { getURL("javascript: location.href='"+href+"';"); } } function kill() { getURL("javascript: ar_kill();"); }
For click through the advertiser’s site, the button element should contain the following ActionScript:
on( release ){ _root.clk() }
For click through alternative URL, add it as a parameter:
on( release ){ _root.clk("http://www.example.com") }
For closing the ad, create a “close” button and attach to the appropriate button element the following ActionScript:
on( release ){ _root.kill() }
To close the initial ad use the same ActionScript.
To download in flash-movie additional parts (downloaded with banner), you should add name of an additional part to a _root.ar_comppath.
Example:
_root.ar_comppath + 'flash_name.swf'
2.2. JavaScript preparation
Create a new text file and paste in it JavaScript for banner. Save the file as script.js.
Form.
- Initial ad — an initial ad flash-movie name, may contain ‘http://’, in this case will be loaded from location.
- Initial ad width — insert your width.
- Initial ad height — insert your height.
- Full page ad — an full pade ad flash-movie name, may contain ‘http://’, in this case will be loaded from location.
- Full page ad width — insert your width.
- Full page ad height — insert your height.
- Version of a Flash Player — choose the appropriate one. Flash Player 8 or higher is required.
- Block id — insert block id or block сlassname. Insert null if a parent element is <BODY>.
- Which attribute use to identify the block — choose id or сlassname.
- Hide initial ad after click — choose Not hide if initial ad will be visible after click; choose Hiide if initial ad will be hide after click.
- Third party tracking URL — insert third party tracking URL if need.
Note! If ad parent element is block, one recommends using block parameters position: relative or position: absolute, as banner is positioned in the upper right corner of the block.
3. Banner on an ajax code
3.1. Flash-movie preparation
First frame of both flash-movies should contain the following ActionScript:
#include "peelDown.adriver.as"
To go to the full page ad (e. g. when click through the initial ad) use the following ActionScript:
on( release ){ peelDownNext(); }
For clicks through, create a button element and attach to it the following ActionScript:
on( release ){ peelDownClick(); }
For closing the ad, use the following ActionScript in appropriate frame (e.g. the last frame):
peelDownClose();
For full page ad use the “start” mark in the frame in which the animation starts. When opening full page ad the script automatically sends command “go to the start mark”.
3.2. JavaScript preparation
Download an example. Open a script.js file with text editor. You may change only an editable block.
var panels = [ {swf: 'initial_ad.swf', width: '93', height: '200', x: '0', y: '0', align_x: 'right', align_y: 'top', wmode: 'transparent'}, {swf: 'full_page_ad.swf', width: '700', height: '700', x: '0', y: '0', align_x: 'right', align_y: 'top', wmode: 'transparent'} ], ar_flashver = '8', ar_leave = true, //true - show corner after click, false - hide ar_zeropixel = '';
Variables:
- swf — flash-movie name, may contain ‘http://’, in this case will be loaded from location.
- width — flash-movie width.
- height — flash-movie height.
- x — position on X.
- y — position on Y.
- align_x — alignment on х. Values:
- right — alignment on the right edge.
- left — alignment on the left edge.
- align_y — alignment on y. Values:
- top — alignment on the top.
- bottom — alignment on the bottom.
- wmode — wmode. Values:
- transparent— the background of the HTML page shows through all transparent portions of the movie. This option can slow animation performance.
- opaque — the movie hides everything on the page behind it.
- window — movie plays in its own rectangular window on a web page.
- ar_flashver — version of a Flash Player on an user’s PC.
- ar_leave — hide (false) or not hide (true) the initial ad after click.
- ar_zeropixel — third party tracking URL if need.
An initial ad parameters go first, then go a full page ad parameters.
Save the script.js file.
4. Requirements
Names of the files can consist of numbers, Latin letters or underscore symbols only and can’t contain any Russian letters, space symbols, quotes or other special symbols. Size of the flash banner and the image should be the same.
5. The limit of the file size for banners in AdRiver
- gif, jpeg, png-files (img width x height banners on AdRiver) — 600К;
- swf-files (flash width x height banners on AdRiver) — 600K;
- other file types — 600K;
- for multicomponent banners the limits are checked for each one component.
To download in the banner files with extra-limit size you can use the box Расположение на стороннем сервере, in which you should insert the pathname to an external server.
For the banners that can’t be loaded from an external server it is possible to increase the limits of the file size. It comes to agreement with sales and support departments.