Screenglide/Expandable new 22.04

Описание

Интерактивный баннер, расхлопывающийся в зависимости от действий пользователя (клик, наведение и т.д.), со сдвигом контента или поверх его.

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

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

Расхлоп - показ flash-ролика №2.
Схлоп - закрытие flash-ролика №2.
Авторасхлоп - расхлоп, происходящий автоматически при загрузке баннера на странице. Происходит ограниченное число раз для уникального пользователя.

При подготовке flash-роликов можно настроить следующий функционал:
- варианты расхлопа: при наведении курсора на кнопку, при клике на кнопку или по произвольному сценарию;
- варианты схлопа: при отведении курсора с кнопки, при клике на кнопку, по окончанию анимации или по произвольному сценарию;
- переход на сайт рекламодателя, в том числе несколько кнопок перехода;
- добавление видео (в оба flash-ролика);
- передача динамических параметров между flash-роликами в момент синхронизации, схлопа или расхлопа;
- возможность управления анимацией сразу в нескольких мувиклипах и/или на главном таймлайне;
- возможность управления программной анимацией и видео.

Настройки баннера при добавлении в ADFOX:
- показ flash-ролика №2 поверх контента или со сдвигом контента (для перетяжек);
- задержка расхлопа при наведении на flash-ролик №1, если используется стандартная кнопка;
- направление расхлопа flash-ролика №2;
- видимость flash-роликa №1 на странице при расхлопе;
- прозрачность flash-роликов на странице и цвет фона для каждого ролика (для непрозрачных);
- очередность показов flash-роликов;
- картинка-заглушка с задаваемыми размерами.

Пример

Примеры

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

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

1. ActionScript 2.0;
2. FlashPlayer 8.0.

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

1. flash-ролик №1;
2. flash-ролик №2;
3. картинку-заглушку (*.jpg, *.png, *.gif), не превышающую по размерам flash-ролик №1;
4. видео (*.flv).

Требования к файлам

Ограничение на размер:
- Графические файлы (*.jpg, *.png, *.gif) — до 300 Кб;
- Swf-файлы (flash-ролики *.swf) — до 300 Кб;
- Видео (*.flv) — до 1 Мб.  

Для баннеров, состоящих из нескольких файлов, ограничения проверяются отдельно для каждого файла.

Для загрузки в баннер файлов, свыше указанных ограничений предусмотрено специальное поле с пометкой (URL), в котором указывается полный путь к файлу, расположенному на стороннем сервере.

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


Подключение библиотеки классов Screenglide/Expandable (обязательный)

Скачать

Скачайте библиотеку архив с классами

Описание

Библиотека Screenglide/Expandable поставляется в папке ScreenglideExpandable. Её можно разместить в любом месте на компьютере. Например, поместить в папку libs рядом с вашими проектами.

Чтобы классы были видны при разработке баннеров, необходимо настроить видимость классов в интерфейсе Adobe Flash Proffesional.

Инструкция

1. Открываем меню "Правка->Настройки" (горячие клавиши "CTRL + U" для Windows)
Правка->Настройки

2. В "Настройках" перейдите в категорию "ActionScript".
категория "ActionScript"

3. Выберите "Параметры ActionScript 2.0". Откроется всплывающее окошко, в котором нужно указать путь к классам библиотеки.
Параметры ActionScript 2.0

4. Нажмите кнопку "+", после чего нажмите значок папки. Откроется обозреватель, в нём необходимо будет найти сохранённую папку ScreenglideExpandable, и в ней выбрать папку src, как показано на рисунке.
Параметры ActionScript 2.0

5. Нажмите "ОК" и убедитесь, что путь к папке появился в списке. Закройте настройки.
Параметры ActionScript 2.0


Программирование баннера Screenglide/Expandable (обязательный)

Описание

Для корректной работы баннеров происходит их синхронизация на странице. Для этого необходимо прописать во флеш-роликах код инициалиции screenglide (ниже).

Управление анимацией возлагается на разработчика баннера. Таким образом, становится возможно управлять анимацией в нескольких мувиклипах одновременно, а также программной анимацией баннера и запуском видео.

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

1. Синхронизация баннеров - обработчик ready

2. Расхлоп - обработчик expand

3. Схлоп - обработчик collapse

Как выглядит обработчик в коде:

screenglide.addAction('тип события', function(p:Object){
    //..Здесь вы можете прописать все необходимые действия, которые ассоциируются с этим типом события.
});

В зависимости от вашего сценария необходимо прописать команды по управлению анимацией в нужных обработчиках. Ознакомьтесь по необходимости с инструкциями Управление анимацией в баннере и Управление загрузкой и показом видео

Обработчик ready будет вызван только в одном flash-ролике. Именно в том, который будет показан первый по сценарию. Мы советуем прописывать необходимые действия для обработчиков ready в обоих flash-роликах.

Инструкция

Скопируйте код инициализации Screenglide для flash-ролика №1

Вставьте код на первый кадр главного таймлайн в отдельный слой.
Обращаем ваше внимание на комментарии в коде, они дополнительно разъясняют код, а также указывают места в коде предназначенные для дополнений и/или изменений.
import adfox.screenglide.FirstScreenglide;

if(!_root.screenglideInited)
{
    _root.screenglideInited = true;

    //Пропишите здесь остановку анимации в мувиклипах
    //...

    //Инициализация объекта screenglide
    var screenglide:FirstScreenglide = new FirstScreenglide();

    screenglide.addAction('ready', function(p:Object){
        //Сюда пропишите действия, которые произойдут при загрузке баннера скринглайд. При условии, что первым будет показан первый ролик.
        //...
    });

    screenglide.addAction('expand', function(p:Object){
        //Сюда пропишите действия, которые необходимо выполнить в момент расхлопа.
        //...
    });

    screenglide.addAction('collapse', function(p:Object){
        //Сюда пропишите действия, которые необходимо выполнить в момент схлопа.
        //...
    });

    screenglide.start();

    //Инициализация кнопок
    //...
}

Скопируйте код инициализации Screenglide для flash-ролика №2

Вставьте код на первый кадр главного таймлайн в отдельный слой.
Обращаем ваше внимание на комментарии в коде, они дополнительно разъясняют код, а также указывают места в коде предназначенные для дополнений и/или изменений.
import adfox.screenglide.SecondScreenglide;

//Фукция которая позволит осущесвлять схлоп по окончанию анимации
function collaspeOnAnimationEnd(clip:MovieClip, screenglide:SecondScreenglide, parameters:Object):Void
{
    clip.onEnterFrame = function(){
        if(clip._currentFrame == clip._totalFrames)
        {
            clip.onEnterFrame = null;
            screenglide.triggerCollapse(parameters);
        }
    }
}

if(!_root.screenglideInited)
{
    _root.screenglideInited = true;

    //Пропишите здесь остановку анимации в мувиклипах.
    //...

    //Инициализации объекта screenglide и обработчиков
    var screenglide:SecondScreenglide = new SecondScreenglide();

    screenglide.addAction('ready', function(p:Object){
        //Сюда пропишите действия, которые произойдут при загрузке баннера скринглайд. При условии, что первым будет показан второй ролик.
        //Это может понадобиться в случае настройки авторасхлопа или при сценарии, где второй ролик показывается первым.
        //...
    });

    screenglide.addAction('expand', function(p:Object){
        //Сюда пропишите действия, которые необходимо выполнить в момент расхлопа.
        //...
    });

    screenglide.addAction('collapse', function(p:Object){
        //Сюда пропишите действия, которые необходимо выполнить в момент схлопа.
        //...
    });

    screenglide.start();

    //Инициализация кнопок
    //...
}
В коде комментариями отмечены места, куда вы можете пописать свои команды по управлению анимацией и инициализации кнопок.

Создание стандартной кнопки (обязательный)

Описание

Ниже вы можете ознакомиться с доступными при разработке типами кнопок. В этой инструкции мы рассмотрим использование основного функционала кнопок. Использование расширенного фуункционала описано в инструкциях Передача параметров между роликами и Создание дополнительный кнопок перехода соответсвенно.

Тип кнопки
Основной функционал
Расширенный функционал
Доступна для flash-ролика
Путь до класса
RolloverButton

При наведении на кнопку происходит расхлоп

При клике на кнопку происходит переход

Передача динамических параметров flash-ролик №1 adfox.screenglide.buttons.RolloverButton
ClickOpenButton По клику происходит расхлоп Передача динамических параметров flash-ролик №1 adfox.screenglide.buttons.ClickOpenButton
RolloutButton

При отведении происходит схлоп

Также можно кликнуть по этой кнопке, чтобы осущесвить переход

Передача динамических параметров flash-ролик №2 adfox.screenglide.buttons.RolloutButton
ClickCloseButton По клику происходит схлоп Передача динамических параметров flash-ролик №2 adfox.screenglide.buttons.ClickCloseButton
GoButton По клику на кнопку происходит переход на сайт рекламодателя (рекламируемый сайт) Подсчет событий и/или альтернативная ссылка для перехода flash-ролик №1, flash-ролик №2 adfox.screenglide.buttons.GoButton
Кнопки обязательно размещать в первом кадре, желательно создать для кнопок отдельный слой.

Инструкция

Создание кнопки

1. Нарисуйте кнопку, так как вы это обычно делаете. Поместите её на первый кадр.

Cвязывание кнопку с нужным классом

2. Преобразуйте кнопку в символ MovieClip (Фрагмент ролика) (для этого нажмите F8 или Модификаци -> Преобразовать в символ)

Преобразование в символ Button (Кнопка) не допустимо.

3. В том же окне раскройте дополнительные настройки и отметьте галочкой Экспорт для ActionScript

4. В поле идентификатор необходимо прописать уникальный идентификатор символа в библиотеке. Предлагаем использовать для этой цели имя класса кнопки и число, например, RolloutButton1.

5. В поле класс пропишите путь до класса

6. Нажмите ОК

Пути до классов можно скопировать из таблицы "Типы кнопок".

Имя экземпляра для кнопки

7. Наконец, необходимо задать имя экземпляра, через которое мы сможем обращаться к кнопке в коде. Имя экземпляра задаётся на панели Свойства в поле <назначить имя экземпляра>. Советуем выбрать имя экземпляра также по типу кнопки с числом, но с маленькой буквы, например, rolloutButton1.

Важно - у каждой кнопки должно быть своё уникальное имя экземпляра и идентификатор!

Код инициализации для кнопки

8. Кнопка не будет активна, пока вы её не инициализируете в коде.

<имя экземпляра>.init(screenglide);

Управление анимацией в баннере (при наличии анимации)


Управление загрузкой и показом видео (при наличии видео)

Описание

Инструкция

1. Создайте объект Video. Для этого в дополнительном меню панели Библиотека (Library) выберите Создать видео (New Video).

Создайте объект Video

Создайте объект Video

2. Объект Video появиться в библиотеке, перетащите его на первый кадр, после этого выделите объект и в панели Свойства пропишите для него имя экземпляра adfoxVideo. Также предлагаем поместить видео на отдельный слой Видео ролик

Пропишите имя экземпляра

Также создайте кнопки управления видео, если они требуются по сценарию. Для кнопки "Play" пропишите имя экземпляра adfoxPlayButton, для кнопки "Pause" пропишите имя экземпляра adfoxPauseButton. В коде инициализации видео плеера данным кнопкам будут назначены стандартные обработчики клика, которые соответсвенно запускают и ставят на паузу видео. Вы можете заменить предложенные обработчики на свои.

Пропишите имя экземпляра для кнопок

Пропишите имя экземпляра для кнопок

3. Скопируйте код для инициализации видео плеера и зазрузки видео, а также управления воспроизведением. Поместите данный код на первый кадр после кода инициализации флеш-роликов.

Обращаем ваше внимание на комментарии в коде, они дополнительно разъясняют код, а также указывают места в коде предназначенные для дополнений и/или изменений.
//Функционал для инициализации видео
function adfoxInitVideo(url:String):Void {
    if(!_root.adfoxVideoInited){
        _root.adfoxVideoInited = true;

        _root.adfoxNetConnection = new NetConnection();
        _root.adfoxNetConnection.connect(null);
        _root.adfoxNetStream = new NetStream(_root.adfoxNetConnection);
        _root.adfoxVideo.attachVideo(_root.adfoxNetStream);

        _root.adfoxNetStream.onStatus = function(infoObject:Object) {
            if (infoObject.code == "NetStream.Play.Stop") {
                //Воспроизведение по кругу, если данный функционал не требуется закомментируйте следующую строку.
                adfoxGotoStart();
            }
            else if (infoObject.code == "NetStream.Play.Start") {
                _root.adfoxVideoLoaded = true;
                //Видео ставиться на паузу как только оно загружено. Управление воспроизведением поручается методам adfoxVideoPause, adfoxVideoPlay
                adfoxVideoPause(); 
            }
        };

        _root.adfoxNetStream.play(url);
    }

    //Обработчики кнопок управления видео
    //Здесь вы можете заменить предложенные обработчики на свои, а также вовсе отказаться от данного функционала, закоментировав эти строки.
    adfoxPlayButton.onRelease = adfoxVideoPlay;
    adfoxPauseButton.onRelease = adfoxVideoPause;
    //Сюда по желанию добавьте код для настройки кнопок (положение, размер, временное скрытие и т.д)
}

function adfoxVideoPause():Void {
    //Данная функция ставить видео на паузу
    if (_root.adfoxVideoLoaded) {
        _root.adfoxNetStream.pause(true);
    }
}

function adfoxGotoStart():Void
{
    //Переходим на начало видео
    _root.adfoxNetStream.seek(0);
}

function adfoxVideoPlay():Void {
    //Данная функция снимает видео с паузы, если видео ещё не загружено - дожидается загрузки.
    if (_root.adfoxVideoLoaded) {
        _root.adfoxNetStream.pause(false);
    }
    else {
        var interval = setInterval(function() {
            if (_root.adfoxVideoLoaded) {
                _root.adfoxNetStream.pause(false);
                clearInterval(interval);
            }
        }, 50);
    }
}

4. Для вашего использования доступны следующие функции

adfoxGotoStart - перемотка видео на начало

adfoxVideoPlay - снятие видео с паузы

adfoxVideoPause - постановка видео на паузу

adfoxInitVideo - инициализация видео плеера и загружка ролика, принимает параметр - ссылка на видео. Необходимо передать параметр _root.vlink1 или _root.vlink2, в зависимости от того, какой видео ролик вы хотите загрузить

5. Далее необходимо в зависимости от вашего сценария прописать вызовы вышеперечисленных методов. Общий совет такой, прописывайте инициализацию видео ролика вне обработчиков ready, expand, collapse. Например, там же где вы останавливаете анимацию в мувиклипах. Далее используйте методы adfoxVideoPlay и adfoxVideoPause для управления воспроизведением.

6. Мы также приготовили для вас пример подготовленных по требованиям флеш-роликов с видео.


Передача параметров между роликами (дополнительный)

Перед ознакомлением с этой инструкцией необходимо прочитать **Программирование баннера Screenglide/Expandable** - в описании используются новые понятия.

Описание

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

Это может быть полезно если вы хотите передать текущий кадр анимации (допустим вы хотите запустить анимацию во втором ролике с того же кадра). Или флеш-ролик 1 содержит несколько кнопок и вы хотите передать тип кнопки для отображения разного содердимого. Сценарии использования могут быть самые разные.

Инструкция

1. Определите функцию, которая будет высчитывать необходимые параметры. Функция должна возвращать эти параметры ввиде единственного объекта свойств, этот объект будет передан во второй флеш-ролик.

Данная функция будет вызываться обработчиком события кнопки от имени объекта _root. Иначе говоря this внутри этой функции будет указывать на _root и это надо учесть при разработке.

2. Передайте ссылку на эту функцию как второй аргумент метода init кнопки. Вы также можете объединить пункты 1 и 2 воедино, передав в метод init анонимную функцию. В наших примерах мы так и будем поступать.

3. Объект с параметрами будет доступен в соответсвующем обработчике расхлопа (expand), схлопа (collapse).

Например, мы задаём передачу параметров для кнопки, которая осуществляет расхлоп, тогда объект параметров будет доступен в обработчиках expand, как в первом так и во-втором флеш-ролике. Если же задать подсчёт параметров в кнопке осуществляющей схлоп - то данные параметры будут доступны в обработчиках collapse.

Пример 1

В данном случае всегда будут передаваться одни и тот же объект. У него будет два свойства name и age

rolloverButton.init(screenglide, function(){
    return {
        name: 'Sharik',
        age: 5
    };
});

Пример 2

В данном случае всегда будет передаваться текущий кадр анимации главного таймлайна.

rolloverButton.init(screenglide, function(){
    return {
        currentFrame: _root._currentframe
    };
});

4. Также есть возможность передать параметры обработчику ready при синхронизации баннеров.

Этот функционал реализуется не через кнопки, но упомянем о нём здесь. Как вы помните при синхронизации баннеров вызывается только один из обработчиков ready - а именно для того ролика, который первым показывается по сценарию. Тем не менее можно передать параметры в нужный обработчик из первого флеш-ролика. Для этого передайте в метод start объекта screenglide объект с нужными параметрами

screenglide.start(<объект с параметрами>);

Пример 1

screenglide.start({
    marco: 'polo'
});

Здесь нет нужды определять функцию, т.к обработчик ready вызывается только один раз.

Важно: данный код прописывается в первом флеш-ролике, а параметры будут доступны в фактически вызванном обработчике ready

5. Аналогично можно передать параметры напрямую в методы screenglide.triggerExpand() и screenglide.triggerCollapse(), а также в collaspeOnAnimationEnd() - если ваш сценарий схлопа, расхлопа при каких-либо обстоятельсвах не использует кнопки.

Примеры

screenglide.triggerExpand({
    marco: 'polo'
});

screenglide.triggerCollapse({
    marco: 'polo'
});

collaspeOnAnimationEnd(myAnimation, screenglide, {
     marco: 'polo'
})

Создание дополнительных кнопок перехода (дополнительный)

Описание

Теперь создать несколько кнопок для перехода в баннере стало легче. Для этого вы можете использовать кнопки типа GoButton.

Инструкция

1. Создаём кнопки по стандартной инструкции

2. При инициализации кнопок в коде, передаём им дополнительные параметры номер события и URL перехода.

goButton.init(screenglide, <номер события>, <новая ссылка перехода>);

Рассмотрим примеры

Пример 1

goButtonOrder.init(screenglide, 3, 'http://mysite.ru/order');

goButtonCatalog.init(screenglide, 4, 'http://mysite.ru/catalog');

При клике на первую кнопку пользователь будет переходить на форму заказа. При это засчитывается событие 3 в ADFOX. При клике на вторую кнопку, соответсвенно переход на каталог и подсчёт события 4.

Пример 2

Допустимо не указывать URL перехода, а только передавать номер события. В таком случае URL перехода можно будет настроить в интерфейсе ADFOX при заведении баннера.

goButtonOrder.init(screenglide, 3);

goButtonCatalog.init(screenglide, 4);

Пример 3

Если подсчёт событий не требуется, а нужно только переопределние ссылки перехода (хотя на наш взгляд это редкое применение) допустимо не передавать номер события, а только новую ссылку перехода. Например,

goButtonOrder.init(screenglide, 0, 'http://mysite.ru/order');

goButtonCatalog.init(screenglide, 0, 'http://mysite.ru/catalog');

В это примере будет произведена нужная переадресация без подсчёта событий.


Расхлоп, схлоп по произвольному сценарию (дополнительный)

Инструкция

Для осущуствления расхлопа в любой момент в первом флеш-ролике необходимо вызвать метод:

screenglide.triggerExpand();

Для осуществления схлопа в любой момент во втором флеш-ролике необходимо вызвать метод:

screenglide.triggerCollapse();

Для осуществления схлопа по окончанию анимации в некотором мувиклипе во втором флеш-ролике вызовете метод collapseOnAnimationEnd (поставляется с кодом инициализации для второго флеш-ролика)

collapseOnAnimationEnd(<имя экземпляра мувиклипа>, screenglide);

Примеры для скачивания (в помощь)

//uploads/examples


Видео – уроки (в помощь)

//youtube


Проверка работоспособности flash-роликов в Adobe Flash

Подключение библиотеки классов ScreenglideExpandable

Возможная проблема

Библиотека была корректно подключена, а теперь я вижу ошибку

Не удалось загрузить класс или интерфейс "adfox.screenglide.FirstScreenglide".
Не удалось загрузить класс или интерфейс "adfox.screenglide.SecondScreenglide".

Решение

Возможно вы переименовали или переместили папки, используемые в пути к библиотеке? Повторите инструкцию по подключению библиотеки, на этот раз замените указанный ранее путь, на изменившийся.

Проверка работы стандартной кнопки

Тест

Скомпилируйте флеш ролик, наведите указатель мыши на кнопку.

Ожидаемый результат работы

Указатель должен превращаться в руку, как обычно это происходит с кнопками. Не должно быть ошибок компиляции.

Советы

Если этого не происходит, значит кнопка не была корректно инициализирована, проверьте по пунктам:

0. Кнопка на верхнем слое и ничем не перекрыта 1. Кнопка вместе с кодом на первом кадре 2. Прописан уникальный идентификатор в библиотеке (а также нет лишних пробелов) 3. Прописан корректный путь до класса (а также нет лишних пробелов) 4. Прописано уникальное имя экземпляра в свойствах (а также нет лишних пробелов) 5. Прописан код инициализация (там то же имя экземпляра, что и в предыдущем пункте) 6. Подключены классы

Проверка синхронизации флеш-роликов

Тест

В обработчиках ready добавьте строку.

trace('Успешная синхронизация роликов');

Скомпилируйте оба флеш-ролика.

Ожидаемый результат работы

В панели вывод должно появиться сообщение: Успешная синхронизация роликов


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

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

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

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

loadMovieNum(_root.event_N,300); 

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

Добавление в AdFox

Логика работы картинки-заглушки

Если у пользователя не установлен флеш-плагин, например, на мобильных устройствах, то будет показана картинка-заглушка. Важно помнить, что заглушка будет замещать первый флеш-ролик.
Для корректной работы необходимо задать размеры картинки заглушки в пикселах.
Пример: Предположим для первого флеш-ролика у нас задан размер 100%х60, для заглушки мы указываем 960х60. Картинка размером 960х60 будем помещена по центру блока размером 100%х60.

Добавление баннера по шаблону ScreenglideExpandable

Настройка флеш-роликов

Флеш-ролик 1, Флеш-ролик 2 - добавляем ссылку на swf или загружаем swf в систему

Для корректной работы синхронизации анимации во флеш-роликах, необходимо, чтобы они отдавались с одного домена. Если вы добавляете ссылки на флеш-ролики не размещаемые в ADFOX, убедитесь, что ссылки ведут на один домен.

Ширина флеш-ролика 1, Высота флеш-ролика 1, Ширина флеш-ролика 2, Высота флеш-ролика 2 - Ширину и высоту можно указывать в пикселах - в таком случае указываем число пикселов без указания размерности.

Также в случае, когда речь идёт о перетяжке, допустимо указать ширину 100%. Ширина 100% процентов в этом случае должна совпадать для обоих флеш-роликов. Например, 100% на 90, 100% на 120.

Прозрачность Флеш-ролика 1, Прозрачность Флеш-ролика 2 - указываем значения для параметра wmode, допустимые значения opaque, transparent

Цвет Фона 1, Цвет Фона 2 - если флеш-ролики непрозрачные, можно указать для каждого свой цвет фона. Цвет фона указывается в формате HEX, например #ffaaff

Видео файл 1, Видео файл 2 - необязательный параметр, ссылка на видео, которое используется во флеш-роликах.

Настройка сценария

Флеш-ролик номер 1 всегда виден - при расхлопе, можно оставить флеш-ролик 1 видимым на странице. Допустимые значения yes - всегда виден, no - скрывается при расхлопе

Последовательность показа флеш-роликов - с какого флеш-ролика стартует сценарий, иначе говоря - какой флеш-ролик первый покажется на странице. Допустимые значения 1 - первый, 2 - второй.

Сдигать контент страницы при расхлопе - при показе флеш-ролика 2 есть возможность сдвинуть контент страницы или показать флеш-ролик поверх контента страница. Допустимые значения yes - сдвигать, no - показывать поверх.

Сдвиг флеш-ролика 2 по X, Сдвиг флеш-ролика 2 по Y - указываем, если необходимо, дополнительно сдвинуть flash-ролика 2 относительно flash-ролика 1. Значение сдвига указывается в пикселах. По умолчанию 0 для обоих параметров.

Направление расхлопа - взять из текущего описания

Задержка расхлопа при наведении - как долго по времени пользователь должен задержать указатель мыши на баннере, чтоб произошел расхлоп. Указывается значение в миллисекундах.

Количество авторасхлопов – сколько раз один уникальный пользователь увидит баннер в раслопнутом виде сразу после загрузки страницы. Первый раз при загрузке баннера в браузере пишется кука с количеством авторасхлопов. Пока в браузере есть кука, пользователь идентифицируется и ему будет показано столько авторасхлопов, сколько задано в параметре баннера. Если куку удалить (или отключить запись кук), то браузер снова будет уникальным и вновь будут показываться авторасхлопы.

URL перехода - ссылка перехода по баннеру.

"TARGET" ссылки - в каком окне, новом или текущем, будет показана пользователю страница рекламодателя.

Настройка заглушки

Изображение - изображение которое будет использовано для показа заглушки.

Ширина - ширина заглушки в пикселах. Указывать значение в % не допустимо.

Высота - высота заглушки в пикселах. Указывать значение в % не допустимо.


Добавление баннера по шаблону ScreenglideExpandableFullscreen

Настройка флеш-роликов

Флеш-ролик 1, Флеш-ролик 2 - добавляем ссылку на swf или загружаем swf в систему

Для корректной работы синхронизации анимации во флеш-роликах, необходимо, чтобы они отдавались с одного домена. Если вы добавляете ссылки на флеш-ролики не размещаемые в ADFOX, убедитесь, что ссылки ведут на один домен.

Ширина флеш-ролика 1, Высота флеш-ролика 1 - Ширину и высоту можно указывать в пикселах - в таком случае указываем число пикселов без указания размерности.

Также в случае, когда речь идёт о перетяжке, допустимо указать ширину 100%. Ширина 100% процентов в этом случае должна совпадать для обоих флеш-роликов. Например, 100% на 90, 100% на 120.

Прозрачность Флеш-ролика 1, Прозрачность Флеш-ролика 2 - указываем значения для параметра wmode, допустимые значения opaque, transparent

Цвет Фона 1, Цвет Фона 2 - если флеш-ролики непрозрачные, можно указать для каждого свой цвет фона. Цвет фона указывается в формате HEX, например #ffaaff

Видео файл 1, Видео файл 2 - необязательный параметр, ссылка на видео, которое используется во флеш-роликах.

Настройка сценария

Флеш-ролик номер 1 всегда виден - при расхлопе, можно оставить флеш-ролик 1 видимым на странице. Допустимые значения yes - всегда виден, no - скрывается при расхлопе

Последовательность показа флеш-роликов - с какого флеш-ролика стартует сценарий, иначе говоря - какой флеш-ролик первый покажется на странице. Допустимые значения 1 - первый, 2 - второй.

Задержка расхлопа при наведении - как долго по времени пользователь должен задержать указатель мыши на баннере, чтоб произошел расхлоп. Указывается значение в миллисекундах.

Количество авторасхлопов – сколько раз один уникальный пользователь увидит баннер в раслопнутом виде сразу после загрузки страницы. Первый раз при загрузке баннера в браузере пишется кука с количеством авторасхлопов. Пока в браузере есть кука, пользователь идентифицируется и ему будет показано столько авторасхлопов, сколько задано в параметре баннера. Если куку удалить (или отключить запись кук), то браузер снова будет уникальным и вновь будут показываться авторасхлопы.

URL перехода - ссылка перехода по баннеру.

"TARGET" ссылки - в каком окне, новом или текущем, будет показана пользователю страница рекламодателя.

Настройка заглушки

Изображение - изображение которое будет использовано для показа заглушки.

Ширина - ширина заглушки в пикселах. Указывать значение в % не допустимо.

Высота - высота заглушки в пикселах. Указывать значение в % не допустимо.


Подробная инструкция по параметру Направление расхлопа

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

"overhead_left_corner"

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

"overhead_right_corner"

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

"lower_left_corner"

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

"lower_right_corner"

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

"central_point"

right – вправо

"right"

left – влево

"left"

bottom – вниз

"bottom"

top – вверх

"top"


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