Попередній перегляд

При заході на сторінку, користувач бачить початковий згорнутий банер. Перехід до повноекранного банера може бути здійснений за допомогою кліку або наведення на основний банер. У налаштуваннях шаблону доступні такі анімації переходу до повноекранного банера: зсув, розрізання, обертання та відкриття знімка вмісту сайту.

Платформи, що підтримується

Вимоги до формату

Початкова панель

• Стандартні розміри, 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% х 100%. Якщо відео на підкладці, то розмір контейнера для відеоплеєра може бути встановлений будь-яким у межах розгорнутої панелі
• Тип файлів: .mp4
• Максимальна тривалість: 30 сек
• Кадрова частота: 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.