Banner Slider [loader]

Описание

Шаблон работает только на кодах вставок, использующих библиотеку loader.js - в инструкции такие коды имеют пометку NEW.

Banner Slider - баннер, который отображает карусель изображений.

Возможности баннера, доступные при добавлении в ADFOX:
- установка от 2-х до 9-ти слайдов;
- 3 варианта настройки ссылки для перехода: одна ссылка для всех слайдов, разные ссылки для каждого слайда, без ссылок - некликабельный баннер;
- два эффекта слайдинга: слистывание или смена через прозрачность;
- настройка автослайдинга, который происходит только при условии нахождения баннера в зоне видимости в окне браузера;
- 2 варианта направления смены слайдов: горизонтальный или вертикальный;
- настройка отображения кнопок переключения слайдов;
- блоки баннера имеют классы, что позволяет менять стили кнопок переключения слайдов или стрелок.

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

Подготовьте изображения для слайдов.
Изображение всегда вписывается в размеры баннера и располагается по центру. Если пропорции изображения и баннера не совпадают, появятся пустые места слева и справа или сверху и снизу.

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

Вес каждого изображения не должен превышать допустимое ограничение в аккаунте (по умолчанию - 300Кб).

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

События с 1-го по 9-е для подсчета кликов по слайдам
Если для всех слайдов установлена одна ссылка для перехода в параметр "URL перехода №1", то событие №1 (клик по слайду №1) будет вызываться при клике по любому слайду.
Если для каждого слайда задана собственная ссылка для клика, то и событие клика по слайду будет вызываться в соответствии с номером слайда.

События с 22-го по 30-е для подсчета показов слайдов
В баннере ведется подсчет событий количества показов каждого слайда.
Показ слайда засчитывается только один раз за одну загрузку баннера, повторные покручивания не засчитываются.

Добавление баннера в ADFOX

Чтобы добавить баннер в ADFOX выберите нужный тип баннера и шаблон "Banner Slider Image [loader]".

Укажите параметры баннера:

  1. "TARGET" ссылки — определите в каком окне открывать ссылку для фонового изображения:
    _top - в текущем окне;
    _blank - в новом окне или вкладке, в зависимости от настроек браузера.

  2. Ссылка на промерочный пиксель — по умолчанию используется пиксель ADFOX //banners.adfox.ru/transparent.gif, при необходимости вести учет показов в сторонней системе, удалите пиксель ADFOX и укажите другую ссылку.

  3. URL перехода №1 .. URL перехода №9 — укажите ссылку на сайт рекламодателя.
    Если ссылки не указаны, баннер будет некликабельным.
    Если указана одна ссылка в "URL перехода №1", а слайдов загружено больше, то эта ссылка будет применена ко всем слайдам.
    Если ссылка указана к каждому слайду - то у каждого слайда будет своя собственная ссылка для перехода.
    Для корректной работы перехода обязательно проверьте наличие протокола в ссылке (http:// или https://).

  4. Картинка №1 .. Картинка №9 — загрузите от 2 до 9 изображений слайдов.

  5. Ширина баннера (в px или %) — укажите ширину баннера.

  6. Высота баннера (px) — укажите высоту баннера.

  7. Эффект слайдинга (slide или fade) — укажите эффект переключения слайдов:
    slide - сдвигает слайды;
    show - меняет слайды через прозрачность.

  8. Время автослайдинга (в секундах) — время в секундах между автоматическим переключением слайдов. Если указано "0" - авто переключения не будет.

  9. Выкл автослайдинг при наведении мышью (yes или no) — укажите, отключать ли автослайдинг в баннере, если курсор пользователя расположен над слайдером.

  10. Вертикальная карусель (yes или no) — укажите направление смены слайдов:
    yes - вертикальная смена слайдов. Стрелки навигации расположены сверху и снизу баннера;
    no - горизонтальная смена слайдов. Стрелки навигации расположены слева и справа.

  11. Показывать пэйджинацию (yes или no) — укажите, показывать ли кнопки переключения слайдов:
    yes - показывать;
    no - не показывать. При этом стрелки для перелистывания - показываются.