| |

Требования к Screenglide/Expandable баннеры с расхлопом до FullScreen

Другие используемые названия данного типа баннера: Мультипанельные баннеры, MPU, FlyScreen, OverLay.

Есть различные варианты использования данного шаблона для показа рекламы, общее у всех этих вариантов то, что используются две flash’ки и картинка-заглушка, сначала показывается одна flash’ка, а затем по какому-либо событию показывается другая flash’ка с размерами 100%х100%, т,е. FullScreen. Условно эти flash’ки далее будем называть flash-ролик №1 и flash-ролик №2. Если у пользователя не установлен flash, то показывается картинка-заглушка.

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

flash-ролик №1;
flash-ролик №2;
картинку-заглушку (.png, .jpg, .gif) с размерами, как у flash-ролика №1.

Реальная последовательность показа flash-роликов и их расположение на странице определяется при добавлении баннера в интерфейс AdFox. Смотрите статью Добавление Screenglide/Expandable баннеров с расхлопом до FullScreen.

Функциональные возможности шаблона на уровне подготовки flash-роликов:

при наведении курсора, клике на кнопку или в определенный момент анимации во flash-ролике №1 открывается flash-ролик №2;
при отведении курсора, клике на кнопку или в определенный момент анимации во flash-ролике №2 прячется flash-ролик №2 и показывается flash-ролик №1;
по окончании анимации автоматическое закрытие flash-ролика №2;
при клике на кнопку происходит переход на сайт рекламодателя.

Функциональные возможности шаблона на уровне добавления баннеров:

ограничение показов в расхлопнутом виде баннера для уникального пользователя;
задержка при наведении на flash-ролик №1;
видимость flash-роликa №1 на странице;
прозрачность flash-роликов на странице;
очередность показов flash-роликов.

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

Минимальные требования к среде разработки:

ActionScript 2.0
FlashPlayer 8.0

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

Скачайте классы и сохраните их в папку с проектом:
http://sites.help.adfox.ru/uploads/flashreel.as
http://sites.help.adfox.ru/uploads/fullscreen.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
goURL_af	При клике на кнопку происходит только переход на сайт рекламодателя

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

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

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

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

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

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

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

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

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

Вы не должны вносить каких-либо правок в файлы flashreel.as и fullscreen.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 adfoxAutoShrink = false;//если будет автосхоп в последнем кадре анимации то true #include "fullscreen.as" function globalPlay(){ /*данная функция вызывается в момент расхлопа */ } function globalStop(){ /*данная функция вызывается в момент схлопа */ }

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

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

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

_root.adFoxStops();

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

Пример 2: Необходимо схлопнуть баннер, при наступлении какого-либо события(возьмём к примеру нажатие на клавишу Insert) во flash-ролике №2. Пропишите следующий код:


var keyListener:Object = new Object();

keyListener.onKeyDown = function() {

  if (Key.getCode() == 45) {

    _root.adFoxStops();//вызов функции которая схлопнет баннер

  }

};

Key.addListener(keyListener);

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

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

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

Последнее обновление: 16.06.2011

См. также:

2. Требования к обычным Flash

Image Map баннеры

28. Проверка Flash баннеров

4. Требования к Flash баннерам с несколькими кнопками для перехода

1. Требования к HTML баннерам

20. Требования к RichMedia баннерам

5. Требования к Flash баннеру с видео

27. Поддержка баннеров, подготовленных для других систем управления Интернет-рекламой

4.1 Требования к Flash-баннерам с несколькими кнопками для перехода и подсчет кликов по каждой через события

3. Требования к баннерам из нескольких частей