Слайдер

Описание

Слайдер — на площадке происходит автоматическая смена слайдов (изображений) через указанный промежуток времени. Минимальное количество слайдов — 3, максимальное количество слайдов — 10.

Слайдер может быть горизонтальным или вертикальным (в зависимости от размеров площадки).

Горизонтальный слайдер размещается на площадках, у которых ширина больше, чем высота. Слева и справа от изображения видны края предыдущего и следующего слайда. Можно переключаться между слайдами с помощью кнопок Влево и Вправо, либо с помощью переключателя слайдов под изображением.

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

Слайдер без кнопок управления размещается на площадках любых размеров (как горизонтального, так и вертикального расположения). Через заданный интервал времени происходит автоматическая смена слайдов, представляющая собой анимацию постепенного исчезания слайда и появления следующего. Кнопок управления нет.

Другие названия: Gallery banner, Карусель.

Подготовка

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

  • изображения (*.jpg, *.png, *.gif) для показа в слайдах;
  • картинку-заглушку (*.jpg, *.png, *.gif), для показа пользователям, у которых не установлен flash-плагин. Картинка-заглушка должна иметь такие же размеры по ширине и высоте, как и площадках.
    Требования к файлам
    Ограничение на размер:

    Графические файлы (*.jpg, *.png, *.gif) — до 300 Кб.

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

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

    Названия файлов:

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

Подготовка горизонтального слайдера

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

Рекомендованная ширина изображений приблизительно 3/4 ширины площадки.

Примечание. Слайдер не рассчитан на изображения, ширина которых совпадает с шириной площадки. В таком случае не видны края предыдущего и следующего слайда и не остается места для кнопок.

Изображения должны быть одинакового размера.

Подготовка вертикального слайдера

Рекомендованная высота изображений приблизительно 3/4 высоты площадки.

Изображения должны быть одинакового размера.

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

Если для баннера не подходят стандартные кнопки, то можно подготовить собственные кнопки: две картинки для кнопки Вверх (обычная и при наведении курсора мыши) и две картинки для кнопки Вниз (обычная и при наведении курсора мыши) в формате *.jpg, *.png, *.gif. Кнопки должны быть одинакового размера.

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

Подготовка слайдера без кнопок управления

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

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

Помимо общего количества переходов в баннере ведётся подсчёт количества переходов с конкретного слайда.

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

Это связано с тем, что система применяет свои методы против накруток (накликивания), то есть пользователь может кликнуть по каждому изображению, при этом в счетчиках и отчетах будет засчитан 1 переход, но во вкладке События число кликов увеличится на реальное количество кликов.

Для получения корректной статистики по переходам смотрите отчёт по событиям на уровне баннера.

Для подсчёта переходов по каждому слайду используются события с первого по десятое.

Чтобы прописать отдельные ссылки для перехода на страницы (могут быть одинаковые или разные) сайта рекламодателя, откройте вкладку Баннеры → События и укажите адреса страниц в формате http://www.example.com для каждого из событий с №1 по №10.

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

Горизонтальный слайдер

При добавлении баннера Слайдер горизонтальный в AdFox выберите нужный тип баннера, и шаблон Slider Горизонтальный. Укажите следующие параметры:

  1. Изображение — загрузите картинку-заглушку.
  2. URL перехода — полная ссылка на рекламируемый сайт.
  3. Ширина — ширина площадки для показа баннера в пикселях без указания размерности, например: 740.
  4. Высота — высота площадки для показа баннера в пикселях без указания размерности, например: 240.
  5. Картинка 1, Картинка 2, Картинка 3, ... , Картинка 10 — загрузите по порядку изображения, участвующие в смене слайдов. Минимальное количество — 3, максимальное — 10.
  6. Число используемых картинок — количество слайдов в баннере.
  7. Ширина картинок — ширина картинок в слайде в пикселях без указания размерности, например: 700.
  8. Высота картинок — высота картинок в слайде в пикселях без указания размерности, например: 240.
  9. Цветовое решение(greyscale/rainbow) — укажите цветовую схему для переключателей слайдов.
  10. Время между автопрокрутками (секунды) — укажите целое число — время в секундах (минимум 3 секунды), через сколько будет показан следующий слайд.
  11. Тип кнопок (White/Transparent) — укажите цветовую схему для стрелок Влево и Вправо.
Примечание. Обязательно пропишите ссылки для перехода с каждого слайда во вкладке События.

Вертикальный слайдер

При добавлении баннера Слайдер вертикальный в AdFox выберите нужный тип баннера, и шаблон Slider Вертикальный. Укажите следующие параметры:

  1. Изображение — загрузите картинку-заглушку.
  2. URL перехода — полная ссылка на рекламируемый сайт.
  3. Ширина — ширина площадки для показа баннера в пикселях без указания размерности, например: 240.
  4. Высота — высота площадки для показа баннера в пикселях без указания размерности, например: 400.
  5. Картинка 1, Картинка 2, Картинка 3, ... , Картинка 10 - загрузите по порядку изображения, участвующие в смене слайдов. Минимальное количество — 3, максимальное — 10.
  6. Число используемых картинок — количество слайдов в баннере.
  7. Ширина картинок — ширина картинок в слайде в пикселях, без указания размерности, например: 240.
  8. Высота картинок — высота картинок в слайде в пикселях, без указания размерности, например: 400.
  9. Время между автопрокрутками (секунды) — укажите целое число — время в секундах (минимум 3 секунды), через сколько будет показан следующий слайд.
  10. Тип кнопок (White/User)White — используются стандартные кнопки Вверх и Вниз; User — используются собственные кнопки, которые необходимо загрузить в картинки кнопки вверх и картинки копки вниз.
  11. Картинка кнопки вверх (обычная) и Картинка кнопки вверх (наведение) — загрузите картинки для кнопки Вверх. Если имеется всего одна картинка, то обязательно загрузите её в оба поля.
  12. Картинка кнопки вниз (обычная), Картинка кнопки вниз (наведение) — загрузите картинки для кнопки Вниз. Если имеется всего одна картинка, то обязательно загрузите её в оба поля.
Обязательно пропишите ссылки для перехода с каждого слайда во вкладке События.

Слайдер без кнопок управления

При добавлении баннера Слайдера без кнопок управления в AdFox выберите нужный тип баннера, и шаблон Slider Fader. Укажите следующие параметры:

  1. Изображение — загрузите картинку-заглушку.
  2. URL перехода — полная ссылка на рекламируемый сайт.
  3. Ширина — ширина площадки для показа баннера в пикселях, без указания размерности, например: 240.
  4. Высота — высота площадки для показа баннера в пикселях, без указания размерности, например: 400.
  5. Картинка 1, Картинка 2, Картинка 3, ... , Картинка 10 — загрузите по порядку картинки, участвующие в смене слайдов. Минимальное количество — 3, максимальное — 10.
  6. Число используемых картинок — количество картинок, участвующих в показе. В баннер может быть загружено 10 картинок, но при указании числа используемых = 4, будет реально показываться только 4 первых картинки.
  7. Время между сменой — укажите время показа одного слайда в секундах, учитывая, что время начинает считаться от начала появления. Время между сменой должно быть больше или равно, чем время в параметре Продолжительность анимации смены.
  8. Продолжительность анимации смены — укажите время, за которое произойдет анимация исчезания слайда и появления следующего в секундах.
Примечание. Обязательно пропишите ссылки для перехода с каждого слайда во вкладке События.