Требования к баннерам Adwolf:

Стандартный flash-баннер с одной кнопкой

Стандартный flash-баннер с несколькими кнопками

Баннер с несколькими частями

Flash-ролик с видео

Видео-баннер с непрерывным вопроизведением

Тизеры с картинкой

Screenglide/expandable

Учет переходов в счетчиках


Инструкции:

Инструкция подключения асинхронного кода вставки на сайт


Требования к содержанию:

Требования к рекламе(рекламным материалам)


Adwolf banner requirements:

Ordinary flash banner

Flash-banners that consist of several parts

A flash banner with video

A teaser with image

Требования к баннерам Adwolf

Стандартный flash-баннер с одной кнопкой

При разработке баннера на ActionScript 2.0 добавьте прозрачную кнопку на верхнем слое и на кнопке flash-баннера пропишите следующее действие (action):

on (release)
{
getURL(_root.link1, "_blank");
}

Обратите внимание, что root.link1 не обрамляется кавычками, а “_blank” – обрамляется кавычками.

Баннер необходимо обрамлять контрастной рамкой, шириной не менее 1 пикселя.

Помимо файла .swf, необходимо подготовить .gif-заглушки, которые будут показываться пользователям, не имеющим возможности просматривать flash-баннеры.

Ограничения по размеру (в пикселях) и весу баннеров swf, gif или jpg:

Для сбора статистики сторонними системами принимаются к размещению в AdWolf ссылки учёта показов (ссылка на промерочный пиксель) и ссылки учёта переходов сторонних систем. Данные ссылки используются при размещении рекламных материалов непосредственно в интерфейсе системы, их не нужно вставлять в баннер.

Наверх


Стандартный flash-баннер с несколькими кнопками

Для стандартного flash-баннера с несколькими кнопками актуальны те же требования, что и для баннера с одной кнопкой, но имеется и ряд дополнительных условий.

Во flash-баннерах с несколькими кнопками, при нажатии на которые пользователь переводится на разные страницы рекламируемого сайта, необходимо прописать действия следующим образом: к стандартному _root.link1 необходимо дописать знак @ и указать переменную event_2, event_3 и т.д. до event_20. Обратите внимание, что переменные event_# не обрамляются кавычками.

Пример действия на первой кнопке:

on (release)
{
getURL(_root.link1 + "@" + _root.event_2, "_blank");
}

Пример действия на второй кнопке:

on (release)
{
getURL(_root.link1 + "@" + _root.event_3, "_blank");
}

Конечные ссылки для перехода по событию на кнопках прописываются в интерфейсе системы.

Подсчет кликов AdWolf ведёт на уровне всего баннера и на уровне каждой кнопки отдельно.

Для сбора статистики сторонними системами принимаются к размещению в AdWolf ссылки учёта показов (ссылка на промерочный пиксель) и ссылки учёта переходов сторонних систем. Данные ссылки используются при размещении рекламных материалов непосредственно в интерфейсе системы, их не нужно вставлять в баннер.

Помимо файла .swf, необходимо подготовить .gif-заглушки, которые будут показываться пользователям, не имеющим возможности просматривать flash-баннеры.

Наверх


Требования к баннеру с несколькими частями

Назовём swf-файл, который грузится на страницу первым, главным. Swf-файлы, подгружаемые главным swf-файлом, будем называть swf-файл №1, swf-файл №2 и т.д.

Главный swf-файл

Для сбора статистики сторонними системами принимаются к размещению в Adwolf ссылки учёта показов (ссылка на промерочный пиксель) и ссылки учёта переходов сторонних систем. Данные ссылки используются при размещении рекламных материалов непосредственно в интерфейсе системы, их не нужно вставлять в баннер.

Наверх


Flash-ролик с видео

Flash-ролик с видео - баннер произвольного дизайна, в рамках которого воспроизводится видео. Позволяет показывать видео-ролик внутри обычного flash-баннера.
Состоит из двух частей: flash-ролика и самого видео файла.
Воспроизведение видео происходит по нажатию на кнопку «play» или «начать просмотр» или же автостартом, т.е. при загрузке баннера.
Кроме этого, пользователь должен иметь возможность в любой момент остановить и возобновить показ видео.

Что необходимо подготовить:

1. Flash-ролик (*.swf) – до 35 Кб.
2. Видео файл (*.flv, *.swf) – до 1 Мб.
3. Картинку-заглушку (*.jpg, *.png, *.gif) с размерами по ширине и высоте, как у flash-ролика - до 35Кб.

Обязательные условия

1. Загрузка видео в баннере осуществляется только при клике по баннеру;
2. Не допускается автоматическое включение звука. Звук включается только при клике;
3. Наличие кнопки «пауза» при проигрывании видео.

Требования к среде разработки:

1. ActionScript 2.0;
2. FlashPlayer 8.0.
Процесс подготовки flash-ролика отличается в зависимости от того, в каком формате будет видео файл.

Подготовка Flash-ролика с видео в формате flv

1. Видео файл загружается при добавлении баннера в AdWolf. Во flash-ролике используйте переменную vlink, которая содержит ссылку на видео файл.

Переменная vlink передается из JavaScript через FlashVars, поэтому во flash-ролике нужно использовать ее как: _root.vlink.

2. Создайте объект Video, расположите его на сцене и задайте нужные размеры.

3. Задайте имя (Linked Video) для объекта видео, например: my_video.

4. Скопируйте и вставьте код в первый кадр:

var connection_nc:NetConnection = new NetConnection();
connection_nc.connect(null);
var stream_ns:NetStream = new NetStream(connection_nc);
my_video.attachVideo(stream_ns); //где my_video - имя объекта видео
stream_ns.play(_root.vlink);

5. Для подсчета количества переходов на сайт рекламодателя поместите прозрачную кнопку в верхний слой flash-ролика. На кнопке пропишите следующий код:

on (release)
{
getURL(_root.link1, "_blank");
}

6. Расположите кнопки управления воспроизведением видео выше кнопки для перехода на сайт рекламодателя. Присвойте кнопкам имена.

Например, добавим кнопку "старт" и "пауза", присвоим им имена: bplay и bpause.

7. В первом кадре пропишите код для событий клика по кнопкам управления воспроизведением, например так:

bplay._visible = false;
bplay.onRelease = function(){
stream_ns.pause(false);
bplay._visible = false;
bpause._visible = true;
}
bpause.onRelease = function(){
stream_ns.pause(true);
bplay._visible = true;
bpause._visible = false;
}

8. Дополнительно можно реализовать любой возможный набор кнопок управления воспроизведением видео (пауза, громкость) и настроить сценарий показа видео (начать воспроизведение видео по клику на кнопку "старт", включить звук только при клике на кнопку и т.д.).
В пункте 7 приведен пример с автостартом видео при загрузке баннера, при этом кнопка "старт" скрыта до того момента, пока не будет нажата кнопка "пауза".

Подготовка Flash-ролика с видео в формате swf

1. Для вызова видео пропишите код:

_root.loadMovie(_root.vlink);

Переменная vlink содержит ссылку на видео, загруженное в AdWolf.

2. Для подсчета количества переходов на сайт рекламодателя поместите прозрачную кнопку в верхний слой flash-ролика. На кнопке пропишите следующий код:

on (release)
{
getURL(_root.link1, "_blank");
}

Обязательно используйте переменную link1 для подсчёта кликов. Для того, чтобы открывать ссылку баннера в том же окне, укажите во flash-ролике "_top", для открытия ссылки в новом окне - "blank".

Подсчёт событий

События в баннере можно использовать начиная со второго, например, для учёта начала, середины или конца воспроизведения.

В момент наступления события, которое необходимо посчитать, вызовете код:

loadMovieNum(_root.event_N,300);

где N-это номер события, число от 2 до 20.

Наверх


Видео-баннер с непрерывным вопроизведением

Вам необходимо подготовить следующий комплект материалов:

Порядок расстановки ключевых кадров в видеороликах

В программе Adobe Media Encoder загрузите исходных ролик.

Нажмите на ссылку в колонке Preset, откроется окно редактирования настроек кодирования. На вкладке Video найдите настройки ключевых кадров, включите галочку «Set Keyframe distance» и установите значение, равное значению fps исходного ролика. Сохраните настройки, нажав кнопку «ОК». В главном окне программы нажмите стрелку в правом верхнем углу и дождитесь окончания конвертации. Ролик готов к загрузке.

Подготовка баннера с SWF роликом

Требования к среде разработки:

  1. ActionScript 2.0
  2. FlashPlayer 8.0 и выше

Подготовка SWF-контента

Внимание!

  1. При разработке SWF-файла учитывайте, что для вашей анимации будет применяться FPS, равный 25 кадров в секунду!
  2. В SWF-файле с контентом для показа через данный формат запрещено использовать какой-либо программный код и программную анимацию.

Обязательные требования:

  1. Единственное, что необходимо использовать из кода, это stop(); в первом кадре главного таймлайна.
  2. Вся анимация должна быть покадровой и находиться в главном таймлайне.
  3. Никаких кнопок для перехода не нужно, это уже реализовано.
  4. Файл SWF-контента должен быть загружен в систему AdWolf. Размещение файла на других серверах недопустимо.

Тизеры с картинкой

Элемент Размер Максимальное количество знаков Количество строк Количество слов (приблизительно)
Заголовок 50 1 6-7
Текст 100 (150 при отсутствии URL) 3 (4 при отсутствии URL) 14-16 (20-22 при отсутствии URL)
Картинка 160x90px Вес - до 20 Кб, gif или jpg
URL 55 1 1

Пример тизера:



Наверх


Screenglide/expandable

Screenglide/expandable (Мультипанельные баннеры, MPU, FlyScreen, OverLay)- есть различные варианты использования данного шаблона для показа рекламы, общее у всех этих вариантов то, что используются две flash’ки и картинка-заглушка, сначала показывается одна flash’ка, а затем по какому-либо событию показывается другая flash’ка. Условно эти flash’ки далее будем называть flash-ролик №1 и flash-ролик №2. Если у пользователя не установлен flash, то показывается картинка-заглушка.

Подготовка (для разработчиков)

ОБРАТИТЕ ВНИМАНИЕ!
При подготовке баннеров обратите внимание на положение расхлопа и анимации для разных форматов:
1. Для баннеров 728х90 - 728x300 расхлоп производится вниз.
2. Для баннеров 240х400 - 700х400 нужно подготовить два варианта: с расхлопом вправо и с расхлопом влево.

Нужно подготовить:

Для упрощения подготовки баннеров используются классы actionscript, подготовленные для данного типа баннера. Необходимые действия прописаны уже в классе, для работы с баннерами необходимо только присваивать названия согласно данной документации.

Скачайте классы с расширением .as и сохраните их в папку с проектом:
Скачайте flashreel1.as
Скачайте flashreel2.as

Для начала нужно определиться к какому типу относятся ваши кнопки на flash-роликах. Все возможные типы описаны ниже.

Типы кнопок flash-ролика №1:

Название кнопки
Действие
clickOpen_af При клике на кнопку вызывается JavaScript-функция, которая показывает на странице flash-ролик №2
rollOverOpen_af При наведении курсора на кнопку вызывается JavaScript-функция, которая показывает на странице flash-ролик №2. При клике на эту же кнопку происходит переход на сайт рекламодателя.
goURL_af При клике на кнопку происходит только переход на сайт рекламодателя

Типы кнопок flash-ролика №2:

Название кнопки
Действие
clickClose_af При клике на кнопку вызывается JavaScript-функция, которая прячет на странице flash-ролик №2 и показывает flash-ролик №1
rollOutClose_af При отведении курсора с кнопки вызывается JavaScript-функция, которая прячет на странице flash-ролик №2 и показывает flash-ролик №1. При клике на эту же кнопку происходит переход на сайт рекламодателя.
goURL_af При клике на кнопку происходит только переход на сайт рекламодателя

В одном flash-ролике не должно быть двух кнопок с одинаковыми именами.

Итак, названия кнопки определили. Во flash-роликах у каждого объекта, будь то кнопка или movieclip, есть имя InstansName и вот как раз нашей кнопке нужно присвоить данное имя.

Чтобы задать имя для кнопки нажмите Ctrl+F3, откроется панель properties для данного объекта и вот на этой панели найдите строку InstansName, для русскоязычных версий редактора найдите строку Имя Объекта. Укажите имя кнопки согласно необходимому функционалу.

При подготовке swf-файлов для данного формата необходимо actionscript код размещать только в кадрах. Использование кода на кнопках не допускается.

Подготовка flash-ролика №1

Для flash-ролика №1 напишите следующий код на первом кадре:

stop();
globalObj = this;
#include "flashreel1.as"

globalObj - это имя объекта в котором происходит вся анимация. Если вся анимация проходит на главном timeline то globalObj = this, если же вся анимация сделана в отдельном movieclip’е, то данному movieclip’у необходимо дать имя (по аналогии с именем кнопки) и присвоить его globalObj.

Третью строчку оставьте без изменений. В ней подключается файл с ActionScript кодом, который вы должны скачать с нашего сервера и положить в папку с проектом.

Вы не должны вносить каких-либо правок в файлы flashreel1.as и flashreel2.as.

Если необходимо в любой произвольный момент вызвать расхлоп, достаточно в ActionScript-е flash-ролика №1 прописать следующий код:

_root.sendCommand_af();


Приведем пример: есть необходимость расхлопнуть баннер на третьей секунде, после сихнронизации flash-роликов на странице. Для данной реализации после подключения нашего "класса" flashreel1.as во flash-ролике №1 необходимо написать следующий код:
setTimeout(_root.sendCommand_af,3000);

Подготовка flash-ролика №2

Для flash-ролика №2 напишите следующий код на первом кадре:

stop();
_root.globalObj = this.main;
var adwolfAutoShrink = false;//если будет автосхоп в последнем кадре анимации то true
#include "flashreel2.as"
function globalPlay(){
/*данная функция вызывается в момент расхлопа */
}
function globalStop(){
/*данная функция вызывается в момент схлопа */
}

Запись _root.globalObj = this.main; говорит о том, что вся анимация происходит в movieclip’е с именем main который лежит на главной сцене.

Четвертую строчку оставьте без изменений, в ней подключается файл с ActionScript кодом, который вы должны скачать с нашего сервера и положить в папку с проектом. Функции globalPlay и globalStop выполняются в момент показа и скрытия flash-ролика №2 и могут быть использованы для запуска дополнительных функций, привязанных к этим моментам (например, запуск/остановка видео). В рамках этой статьи данный вопрос подробно не рассматривается.

Если необходимо в любой произвольный момент вызвать схлоп, достаточно в ActionScript-е flash-ролика №2 прописать следующий код:

_root.adwolfStops();


Пример 1: есть необходимость схлопнуть flash-ролик №2 на шестой секунде, после начала его показа (события расхлопа). Для данной реализации необходимо написать в функции globalPlay() следующий код:
setTimeout(_root.adwolfStops,6000);

Пример 2: Необходимо схлопнуть баннер, при наступлении какого-либо события(возьмём к примеру нажатие на клавишу Insert) во flash-ролике №2. Пропишите следующий код:
var keyListener:Object = new Object();
keyListener.onKeyDown = function() {
  if (Key.getCode() == 45) {
    _root.adwolfStops();//вызов функции которая схлопнет баннер
  }
};
Key.addListener(keyListener);

Подсчёт событий

Подсчет событий в баннерах реализован через вызов переменных event_1 … event_20.

event_1 и event_2 зарезервировано для подсчёта количества показов flash-ролика №2 (количество расхлопов) и flash-ролика №1 (количество схлопов). Вам для использования доступны события/ начиная с 3-го по 20-е (event_3 … event_20).

Для учета события в момент наступления действия, которое необходимо посчитать, вам нужно вызвать код: loadMovieNum(_root.event_N,300); где N это номер события, число от 3 до 20.

При добавлении screenglide/expandable баннера через интерфейс Adwolf выберите необходимый тип баннера и шаблон "Screenglide/expandable баннеры (асинх.код)". Укажите следующие параметры:

Направление расхлопа

overhead_left_corner – верхний левый угол или открываться вправо – вниз

overhead_right_corner – верхний правый угол или открываться влево – вниз

lower_left_corner – нижний левый угол или открываться вправо – вверх

lower_right_corner – нижний правый угол или открываться влево – вверх

central_point – центральная точка или открываться по центру

right – вправо

left – влево

bottom – вниз

top – вверх



Наверх


Учет переходов в счетчиках

Для корректного учета источников перехода по рекламе на стороне счетчиков необходимо использовать метки, которые должны подставляться к ссылке для перехода. Формат меток зависит от применяемого счетчика. Ниже приводим данные для Google Analytics, Openstat или Яндекс.Метрика.

Полученную ссылку установите при добавлении баннера в параметр URL перехода.

Наверх


Инструкция подключения асинхронного кода вставки на сайт

Асинхронный код вставки подключается на страницу в два этапа:

1. Сначала подключите JavaScript-код adwolf.asyn.code.ver2.js. Для этого файл adwolf.asyn.code.ver2.js залейте на сервер сайта, где будет показываться реклама, и подключите между тегами head или выше асинхронного кода вставки.

Скачать файл:
adwolf.asyn.code.ver2.js

NB: JavaScript-код adwolf.asyn.code.ver2.js подключается на страницу один раз независимого от количества поставленных на сайт асинхронных кодов вставок.

Пример:
У нас есть сайт http://site.ru, где будет показываться реклама AdWolf. Заливаем файл на сервер и получаем на него ссылку вида: http://site.ru/adwolf.asyn.code.ver2.js. Далее подключаем этот JavaScript-код на сайт между тегами <head> и </head>:

<script type="text/javascript" src="http://site.ru/adwolf.asyn.code.ver2.js"> </script>

2. После того, как вы подключили JavaScript-код adwolf.asyn.code.ver2ы.js на сайт, поставьте на страницу асинхронный код вставки там, где будет показываться реклама.

Наверх


Требования к рекламе(рекламным материалам)

Не допускается размещение рекламы:


Наверх


Adwolf banner requirements:

Flash-banner requirements

In AdWolf in order to count the number of clicks through in a flash-banner you need to:

Thus, the following action should be assigned to the flash-banner button:

on (release)
{
getURL(_root.link1, "_blank");
}

Top


Requirements for a flash-banner containig video.

The video should start playing after the «play» button is pressed.

Your flash should be able to acces a.adwolf.ru and b.adwolf.ru - add this option in main movie as shown below:

System.security.allowDomain("a.adwolf.ru");
System.security.allowDomain("b.adwolf.ru");

You also need to send the variable FlvUrl (that has the next value «http://b.adwolf.ru/………») to frame1 in main movie. The variable is used for getting the link to .flv. Initialize a variable in main movie and admnister it FlvUrl's value. For example, var flv = FlvUrl; Then you can use your variable flv, knowing that it contains the link to .flv file.

To traffic clicks place the button in the upper layer , where you should write the following action:

on (release) { getURL(_root.link1, "_blank"); }

It is also possible to traffic events such as the begining of viewing, the end and so on. To use this option you need:

To find out, how many people have actually viewed the whole video clip, you need to add this command in the apropriate frame(usually it's the last one):

fscommand("LookedUpToEnd");

Top


A teaser with image

Element Size Characters(max) Number of lines Number of words (approx)
Title 50 1 6-7
Text 100 (150 if no URL) 3 (4 if no URL) 14-16 (20-22 if no URL)
Image 160x90px File size - up to 20Kb, gif or jpg
URL 55 1 1

Example:



Top


Flash-banners that consist of several parts

Lets call the first flash to download on the page the main flash. Other flashes loaded by the main flash: flash 1, flash 2 etc.

The main flash


Top