Слайдер

1. Карточка баннера

Примечание: Для корректной работы слайдера на сайте должна быть установлена библиотека jQuery.

2. Подготовка слайдов

Каждый слайд представляет собой отдельный баннер, поэтому предварительно необходимо подготовить и загрузить в систему столько баннеров, сколько слайдов планируется использовать в Слайдере. Все баннеры должны быть формата Ajax.

Размер баннеров должен соответствовать спецификации.

1. Создайте рекламную кампанию, в которую будут загружены баннеры Слайдера
2. Передайте в эту рекламную кампанию 1 слайс с типом баннеров Ajax
3. В этой рекламной кампании создайте 2 сценария
4. В первый сценарий необходимо загрузить все баннеры Слайдера. В приведенном ниже примере Слайдер содержит 4 баннера, соответственно, в сценарий необходимо добавить 4 баннера. Для добавления баннера:
   • Щелкните слева от названия сценария
   • Выберите тип баннера Special-> AjaxJS-> Flash-AjaxJS.
   • Укажите Линк баннера и при необходимости другие параметры.
   • Нажмите Добавить
   • В открывшемся окне включите баннер, поставив галочку в поле Вкл./Выкл. Укажите распределение в течение дня, при необходимости укажите другие параметры
   • Кликните по ссылке Загрузить баннер. Выберите для загрузки компоненты баннера и нажмите Загрузить

   Повторите эти действия со всеми баннерами Слайдера

5. Далее в настройках таргетинга первого сценария Зоны сайтов необходимо добавить запрещающий список правил. Для этого щелкните Зоны сайтов -> Добавить список запрещений, после чего выберите из выпадающего списка имя сайта, с которого передается слайс, или введите ID сайта в поле справа от выпадающего списка. Нажмите Добавить. В открывшейся форме для поля Слайс выберите нужный слайс. В поле Действие должно быть установлено значение Запретить. Нажмите Добавить. Настройка первого сценария завершена.
6. Во второй сценарий РК необходимо добавить управляющий скрипт script.js. Для этого добавьте во второй сценарий баннер типа Generic AjaxJS (special –> AjaxJS –> Generic AjaxJS) по аналогии с п.4. Единственной необходимой для загрузки компонентой для этого баннера будет являться управляющий скрипт script.js, подготовка которого описана ниже в п.3 Подготовка скрипта

3. Подготовка скрипта

Для активации ротатора нужен отдельный запрос в AdRiver для получения управляющего скрипта.

Для создания управляющего скрипта распакуйте пример. Откройте текстовым редактором файл script.js.

Все необходимые изменения осуществляются в первых строках кода, в переменной tabCode:

$(function() {
    var secondsLeave = 0;
    var tabChangers;
    var currentTab = 0;
    var changeTabAvailable = true;
    var tabActivated = {};
    /**
    *
    *    Объекты вызова для баннеров в ротаторе, взятый отсюда: new adriver('гнездо', {объект вызова}), разделенные запятыми.
    *    Параметр timer - длительность отображения баннера в секундах.
    *    Количество кодов вызова определяет количество баннеров в ротаторе. Сейчас 4.
    *
    **/
    var tabCode = [{sid:1, bt:52, ad:258303, pid:663701, bid:1302398, bn:663701, timer:5},
        {sid:1, bt:52, ad:258303, pid:663701, bid:1302399, bn:1302399, timer:3},
        {sid:1, bt:52, ad:258303, pid:663701, bid:1302403, bn:1302403},
        {sid:1, bt:52, ad:258303, pid:663701, bid:1303481, bn:1303481}
    ];

В переменной tabCode должно быть столько блоков с параметрами (заключенных в фигурные скобки и разделенных запятой), сколько баннеров в Слайдере (по одному блоку для каждого баннера). Все блоки заключаются в квадратные скобки. В данном примере в Слайдере 4 баннера – соответственно, в коде выше видно 4 блока. Для каждого баннера необходимо изменить следующие параметры:

После внесения всех изменений сохраните script.js. Затем загрузите его во второй сценарий рекламной кампании, как описано выше в п.2.6.

4. Полезные ссылки

• ScreenGlide
• Типы кодов в AdRiver