Предпросмотр

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

Поддерживаемые платформы

Требования к формату

Начальная панель

• Стандартные размеры, WxH, px: 300х250, 240х350, 240х400, 180х150, 320х280, 728х90, 970х90, 970х200, 650х250, 240×500, 300х600, 160х600
• Тип файлов: .png, .jpg, .gif, html5 (ZIP архив)

Развернутая панель

• Стандартные размеры: 100%x100% для видео и HTML5 кода; редактируемые для изображения и изображения с видео. Рекомендуется высокое разрешение для изображения и соотношение сторон 16:9

Видео

• Если видео выступает полноэкранной панелью, то его размер 100%x100%. Если видео на подложке, то размер контейнера для видеоплеера может быть задан любой в границах развернутой панели
• Тип файлов: .mp4
• Макс. продолжительность: 30 сек
• Frame rate: 24 fps

Аудио

• Инициируется пользователем (выключено по умолчанию)

Кнопки управления

• Кнопка “X Закрыть” в правом верхнем углу развернутой панели (позволяет пользователю свернуть баннер)

Вес креатива

• до 300 Kb без видео
• до 2 Mb с видео

Настройки шаблона

Настройки шаблона доступны в интерфейсе.

Основная панель

Расхлоп по

• Click – переход к полноэкранной панели по клику на основную
• Hover – переход к полноэкранной панели по наведению на основную
  • Timer – предзагрузчик, показываемый при наведении курсора на основную панель до перехода к полноэкранной; длительность 1,5 сек.

Кнопка Закрыть

• Темная – кнопка будет выглядеть следующим образом 
• Светлая – кнопка будет выглядеть следующим образом 

Тип анимации

• Cut – анимация, при которой скриншот контента сайта “разрезается” в горизонтальной или вертикальной плоскости
• Side – анимация, при которой скриншот контента сайта “открывается” в одну из сторон (вправо, влево, вверх, вниз) на указанное количество градусов
• Slide – анимация, при которой скриншот контента сайта “отъезжает” в одну из сторон (вправо, влево, вверх, вниз)
• Rotate – анимация, при которой скриншот контента сайта поворачивается вокруг горизонтальной или вертикальной оси на указанное количество градусов (180)

Полноэкранная панель

Тип полноэкранной панели

IMAGE – изображение

Будет пропорционально масштабировано, поэтому рекомендуется всю важную информацию размещать ближе к центру. Около 10-15% изображения может быть срезано по краям, в зависимости от соотношения сторон изображения и экрана

• Ширина – определяется автоматически при загрузке изображения
• Высота – определяется автоматически при загрузке изображения

VIDEO – видео

Тип загрузки видео

• Local — видео будет загружено на сервер с компьютера пользователя
• URL — видео будет добавлено со стороннего сервера по ссылке на файл формата .mp4
• Ширина — ширина видео плеера 100%
• Высота — высота видео плеера 100%

Зацикливать видео

• Да — по окончании видео ролика, он будет проигран снова
• Нет — видео ролик будет остановлен после проигрывания

HTML

Код должен быть загружен как ZIP архив; основной файл баннера должен называться body.html и находиться в корне ZIP архива

IMAGE + VIDEO

Изображение будет пропорционально масштабировано, поэтому рекомендуется всю важную информацию размещать ближе к центру. Около 10-15% изображения может быть срезано по краям, в зависимости от соотношения сторон изображения и экрана

• Ширина – определяется автоматически при загрузке изображения
• Высота – определяется автоматически при загрузке изображения

Тип загрузки видео

• Local — видео будет загружено на сервер с компьютера пользователя
• URL — видео будет добавлено со стороннего сервера по ссылке на файл формата .mp4
• Ширина — ширина видео плеера
• Высота — высота видео плеера

Настройка расположения плеера

• Auto:
  • Положение плеера по вертикали:
    • top – вверху
    • center – по центру
    • bottom – снизу
  • Положение плеера по горизонтали:
    • left – слева
    • center – по центру
    • right – справа
• Manual:
  • Отступ сверху – значение отступа плеера от верхнего края баннера, в px или %
  • Отступ слева – значение отступа плеера от левого края баннера, в px или %

Зацикливать видео

• Да — по окончании видео ролика, он будет проигран снова
• Нет — видео ролик будет остановлен после проигрывания

Видео

• Paused — видео ролик при загрузке баннера будет остановлен
• Auto — видео ролик будет запущен автоматически
• Viewport — видео ролик будет запущен, когда более 50% видео плеера будет находиться в зоне видимости

Учет событий

• View/ Просмотр
• Confirmed view/ Подтвержденный просмотр
• Click/ Клик
• Expand by user/ Расхлоп баннера пользователем
• Auto-expand/ Автоматический расхлоп баннера
• Collapse by user/ Сворачивание баннера пользователем
• Auto-collapse/ Автоматическое сворачивание баннера
• Play/ Запуск видеоролика
• Pause/ Пауза
• Resume
• Sound on/ Включение звука
• Sound off/ Выключение звука
• Progress (firstQuartile, midpoint, thirdQuartile, complete)/ Досмотр видеоролика (первая четверть, середина, третья четверть, окончание)

Известные ограничения

• Формат не будет работать корректно, если он был размещен на сайте в Safe Frame.