Вимоги до HTML-банерів

ZIP, стартова сторінка, заявлений розмір і все потрібне всередині архіву. Решта цієї сторінки — про те, що буде, якщо чогось із цього бракує.

Що ви завантажуєте#

Один .zip. Усередині — щонайменше один файл .html: це єдина жорстка вимога, і архів без нього відхиляється саме з таким повідомленням. Саме завантаження обмежене 512 МБ; але першим ви натрапите на ліміт власного сховища, а воно рахується за розпакованим розміром, а не за архівом, тож невеликий ZIP, що розпаковується до гігабайта, відхиляється після розпакування, і з вашої квоти нічого не списується.

Яка сторінка запускається#

index.html на верхньому рівні архіву, якщо він є. Якщо ні, платформа шукає будь-яку сторінку на верхньому рівні, потім index.html глибше, потім будь-яку сторінку взагалі — віддаючи перевагу найменшій, яка майже завжди є стартовою, а не компонентом. Сторінку-обгортку, що лише вбудовує у фрейм іншу сторінку, простежують до тієї сторінки, яку вона вбудовує, — саме так виглядає експорт з Adobe Animate.

Примітка

Папки __MACOSX і файли ._ ігноруються, тож ZIP, створений на Mac клацанням правою кнопкою по папці, працює як є. Прибирати їх не потрібно.

Укажіть розмір#

Запишіть у сторінці розмір, для якого створено банер, щоб екран міг збільшити його без спотворень. Спершу зчитується стандартний метатег:

У head вашої стартової сторінки

<meta name="ad.size" content="width=1080,height=1920">

Якщо його немає, платформа бере розміри елемента <canvas> або власне оголошення експорту з Animate. Якщо немає нічого з цього, банер не має заявленого розміру й розтягується на всю зону, у якій відтворюється, — саме так креатив 300×250 опиняється розтягнутим на весь вертикальний екран.

Усе всередині архіву#

Жодних зовнішніх URL. Екран сім днів відтворює з власного диска без з'єднання, а кешувати може лише те, що прийшло в ZIP: шрифт, скрипт чи зображення, завантажені з інтернету, — це та частина вашого банера, яка буде порожньою саме в ситуації, заради якої існує плеєр. Шрифти, бібліотеки й зображення подорожують разом із креативом і підключаються за відносними шляхами.

Креативи працюють у пісочниці. Скрипти й анімація працюють як звичайно. Три речі не працюють — свідомо, і банер, що на них покладається, виглядатиме зламаним лише на екрані:

Немає сховища. localStorage і cookies недоступні й викидають помилку під час звернення. Банер не може нічого запам'ятати між відтвореннями й не повинен намагатися.
Немає навігації та спливаючих вікон. window.open і будь-яка спроба перевести плеєр деінде блокуються. На екрані немає кнопки «Назад» і нікого, хто б її натиснув.
Немає форм. Ніщо на екрані не заповнюється перехожими.

Скільки він відтворюється#

Вирішує плейлист, а не банер. Креатив отримує стільки секунд, скільки задано для нього в плейлисті, а потім його замінюють, хоч би де була його анімація, — тож банер має зациклюватися або зупинятися на фінальному кадрі, на який варто подивитися. Жодного сигналу, яким банер міг би попросити більше часу, немає.

Перш ніж надсилати#

Відкрийте стартову сторінку з розпакованої папки, офлайн, із вимкненою мережею. Те, що ви бачите, — це те, що бачить екран.
Перевірте, що розмір у тезі збігається з розміром, під який ви створювали дизайн.
Дайте йому попрацювати втричі довше за слот у плейлисті й подивіться на останній кадр.
Пошукайте вихідні запити: інструменти розробника в браузері, вкладка Network — і нічого до зовнішніх хостів.

Банер, що працює тут, але не на екрані

Майже завжди одна з двох причин: він щось завантажує з інтернету або покладається на сховище. І те, і те працює на вашому ноутбуці, і ні те, ні те не працює в пісочниці на екрані, який до того ж може бути офлайн.