Admixer HelpCenter

Ukrainian

English

Russian

Назад до Огляду платформи

Глосарій

Креативи

Робота з креативами

Вартість креативів

Тех. вимоги до креативів

Додаткові налаштування

Viber Format Creatives specs

Шаблон в інтерфейсі: HTML5 Banner

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

Стандартний банер, що має фіксований розмір та положення на сторінці.

Цей формат може підпадати під обмеження, що накладаються Google спільно з Coalition for Better Ads на показ рекламних банерів у браузері Chrome. Щоб банер не був визнаний таким, що порушує вимоги стандарту, необхідно виключити таку поведінку банера:
· відео програється з включеним звуком.

Підтримувані платформи

Desktop		Tablet		Phone
Windows	Mac	iOS	Android	iOS	Android
Chrome, Firefox, Edge, IE11+	Safari6+, Chrome, Firefox	—	—	—	—

Відомі обмеження

Креатив, створений за допомогою технології Adobe Edge, може бути неклікабельним у Safari Mobile браузері.

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

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

Стандартні розміри, 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

Відео

Розмір контейнера для відеоплеєра може бути заданий у межах розгорнутої панелі.
Тип файлів: .mp4
Макс. тривалість: 30 сек
Frame rate: 24 fps

Аудіо

Ініціюється користувачем (вимкнено за замовчуванням)

Вага креативу

до 300 KB без відео
до 2 MB с відео

Скачати архив з прикладом:

Скачати

Ця структура файлів в архіві відповідає прикладу і може бути змінена вами. Обов'язковим файлом в архіві є body.html, де вказуються розміри банера, параметр обліку кліка та інші скрипти.

Інструкція по работі з архівом

Розпакуйте архів із прикладом.
Щоб переглянути креатив на локальному пристрої, скопіюйте всі файли в папку index – banners – parallax – body та відкрийте файл index.html у середовищі перегляду на мобільному пристрої через localhost (наприклад, браузер Chrome з режимом емулятора мобільного пристрою). У цьому випадку потрібне попереднє встановлення та налаштування веб-сервера (наприклад, IIS для Windows, Apache для Mac OS).
Відкрийте текстовим редактором файл body.html та відредагуйте частину коду, що знаходиться всередині тегів <body> </body>.

В тегах <body>…</body> вказуються розміри банера, скрипти тощо. Якщо розмістити їх в іншому місці, креатив не відображатиметься.

Відредагуйте файл body.js.
Збережіть і заархівуйте всі матеріали, що використовуються в ZIP форматі (архів повинен створюватися з файлів, а не з папки, в якій ці файли знаходяться).

Файл body.html повинен знаходитись у кореневій директорії ZIP-архіву.

Вимоги до файлів

ZIP архів

Банер з усіма необхідними матеріалами повинен знаходитись у .zip архіві. Рекомендуємо використовувати архів із прикладом.

HTML файл

HTML-файл повинен містити шляхи до завантажуваних матеріалів (JS-файлів, зображень). Назва HTML-файлу, що рекомендується — body.html.

Зверніть увагу, що при валідації проходить додаткова перевірка архіву на наявність помилок пошуку видалених\неіснуючих файлів типу .jpeg, .png, .xml, .js та інші через інструмент Dev Tools (F12). У випадку, якщо сервер при завантаженні не знаходить потрібних файлів, це призводить до утворення великої кількості таких помилок, що в свою чергу дає надмірне навантаження на адсервер. Креативи з подібною проблемою будуть відхилені з відповідним коментарем.

Підключення та використання API

globalHTML5Api підключається автоматично, викликається за допомогою методу:

Показати код globalHTML5Api

globalHTML5Api.on('load', function(){
  /*
    YOUR CODE IS HERE
  */
});

Всі об'єкти і методи globalHTML5Api, що використовуються, поміщаються всередину функції що викликається.
Модулі, що підключаються, передаються як параметри функції. Для цього формату можуть бути використані модулі Player та Tween.
Спрощений приклад використання globalHTML5Api.init для формату Standard:

Показати приклад коду globalHTML5Api.init

globalHTML5Api.on('load', function(){
  globalHTML5Api.init({
   'resize': [
    {
    'name': 'state-1',
    'width': '300px',
    'height': '250px'
    }
   ]
  });
});

Параметри globalHTML5Api.init

Ключ	Параметри	Властивості	Тип	Опис
resize(options)	—	—	—	Ініціалізація globalHTML5Api.resize
	options	—	Array	Масив об'єктів із властивостями. Кожен об'єкт є окремим положенням контейнера (resizeState)
		name (required)	String	Им'я об'єкту
		width (required)	String\|Number	Значення ширини контейнера з банером
		height (required)	String\|Number	Значення висоти контейнера з банером

Методи globalHTML5Api

Метод	Аргументи	Тип	Опис
click(URL)	—	—	Виклик клік-переходу на цільову сторінку. Посилання переходу може бути передане безпосередньо у коді креативу. Також вона може бути задана з шаблону заливки креативу в інтерфейсі користувача. Посилання, задане у коді, має більший пріоритет, ніж посилання, задане через шаблон, що може призвести до конфлікту. Тому для передачі посилання обов'язково використовувати лише один із доступних способів.
click(URL)	URL (optional)	String	Посилання переходу
src(URL)	—	—	Метод повертає абсолютний шлях до файлу
src(URL)	URL (optional)	String	Відносний шлях до файлу

Відео

Якщо креатив містить відео, дотримуйтесь Інструкції з додавання відео в HTML5 банер

Зображення

Типи файлів, що підтримуються:: .jpg, .png, .gif, .svg

Важливо! Всі посилання на зовнішні файли повинні працювати за захищеним протоколом HTTPS.

Відстеження подій

View/ Перегляд
Confirmed view/ Підтверджений перегляд
Click/ Клік

Chrome може обмежувати обмежувати використання ресурсів рекламою (до взаємодії користувача із нею) шляхом видалення важкого креативу зі сторінки. Реклама вважається важкою, якщо користувач не взаємодіяв з нею (наприклад, не клікнув) і якщо вона відповідає будь-якому з наступних критеріїв:
— Використовує основний потік загалом понад 60 секунд
— Використовує основний потік понад 15 секунд у будь-якому 30-секундному вікні
— Використовує понад 4 мегабайти пропускної здатності мережі

З питань технічних вимог до банерів, будь ласка, звертайтесь до менеджера підтримки вашого облікового запису.

Оновлено 14 вересня, 2023