Шаблон в інтерфейсі: HTML5 Banner
Формат банера, що складається з двох панелей - початкової та повноекранної. Повноекранна панель з'являється за кліком або за наведенням на основну. Кнопка "Закрити" на повноекранній панелі повертає банер у початковий стан.
Тільки локальний інвентар (зони прямого паблішера).
Desktop | Tablet | Phone | |||
---|---|---|---|---|---|
Windows | Mac | iOS | Android | iOS | Android |
Chrome, Firefox, Edge, IE10+ | Safari8+, Chrome, Firefox | — | — | — | — |
Стандартні розміри WxH, px: 300×250, 240×350, 300×250, 240×500, 300×600
Стандартні розміри, WxH: 100%x100%
Ініціюється користувачем (вимкнено за замовчуванням)
Кнопка "X / Закрити" у правому верхньому кутку банера (дає змогу користувачеві закрити розгорнуту панель)
Мінімально необхідний відступ для кнопки Закрити від верхньої і правої меж банера - 5px:
до 300 KB без відео
до 2 MB з відео
Банер з усіма необхідними матеріалами повинен знаходитися в .zip архіві. Рекомендуємо використовувати архів із прикладом.
HTML-Файл повинен містити шляхи до завантажуваних матеріалів (JS-файлів, зображень). Рекомендована назва HTML-файла — body.html.
globalHTML5Api підключається автоматично, викликається за допомогою методу:
Усі використовувані об'єкти і методи globalHTML5Api поміщаються всередину викликаної функції.
Модулі, що підключаються, передаються як параметри функції. Для цього формату може використовуватися модуль Player.
Спрощений приклад використання globalHTML5Api.init для формату Click to Fullscreen:
Ключ | Параметри | Властивості | Тип | Опис | ||
---|---|---|---|---|---|---|
resize(options) | — | — | — | Ініціалізація globalHTML5Api.resize | ||
options | — | Array | Масив об'єктів із властивостями. Кожен об'єкт являє собою окреме положення контейнера (resizeState) | |||
name (required) | String | Ім'я об'єкта | ||||
width (required) | String|Number | Значення ширини контейнера з банером | ||||
height (required) | String|Number | Значення висоти контейнера з банером | ||||
fixed | — | Object | Об'єкт із властивостями. Описує положення контейнера щодо вікна браузера | |||
vertical (required) | center | String | Положення контейнера по вертикалі | |||
horizontal (required) | center | String | Положення контейнера по горизонталі | |||
onComplete | Function | Запуск callback функції після закінчення globalHTML5Api.init.resize.to(this.name) | ||||
onStart | Function | Запуск callback функції на початку globalHTML5Api.init.resize.to(this.name) |
Метод | Параметри | Тип | Опис |
---|---|---|---|
to(resizeStateName, time, eventName) | — | — | Зміна поточного положення контейнера на вказане |
resizeStateName (required) | String | Ім'я положення контейнера, до якого потрібно перейти | |
time (required) | Number | Час анімації зміни положення контейнера | |
eventName (required) | String | Подія, яку необхідно враховувати:
|
|
currentState() | — | — | Метод повертає рядок: resizeState.name – ім'я поточного положення контейнера interactive to resizeState.name – зміна положення контейнера до вказаного |
Метод | Аргументи | Тип | Опис |
---|---|---|---|
click(URL) | — | — | Виклик клік-переходу на цільову сторінку. Посилання переходу може бути передано безпосередньо в коді креативу. Також посилання переходу може бути задано з шаблону заливки креативу в інтерфейсі користувача. Посилання, задане в коді, має більший пріоритет, ніж посилання, задане через шаблон, що може призвести до конфлікту. Тому для передачі посилання обов'язково використовувати тільки один із доступних способів. |
URL (optional) | String | Посилання переходу | |
src(URL) | — | — | Метод повертає абсолютний шлях до файлу |
URL (optional) | String | Відносний шлях до файлу |
Якщо креатив містить відео, дотримуйтесь Інструкції з додавання відео в HTML5 банер.
Підтримувані типи файлів: .jpg, .png, .gif, .svg
Також підтримуються файли CSS.
З питань технічних вимог до банерів, будь ласка, звертайтеся до менеджера підтримки вашого акаунта.