Banner Slider

Описание

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

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

Возможности баннера, доступные при добавлении в ADFOX:

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

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

  1. Подготовьте изображения для слайдов.
  2. Изображение всегда вписывается в размеры баннера и располагается по центру. Если пропорции изображения и баннера не совпадают, появятся пустые места слева и справа или сверху и снизу.
  3. Рекомендуем все изображения подготавливать одного размера по ширине и высоте.
  4. Вес каждого изображения не должен превышать допустимое ограничение в аккаунте (по умолчанию — 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 — не показывать. При этом стрелки для перелистывания — показываются.