Cerințe pentru bannere HTML

Un ZIP, o pagină de pornire, o dimensiune declarată și tot ce îi trebuie, înăuntru. Restul paginii explică ce se întâmplă dacă lipsește ceva din toate acestea.

Ce încarci#

Un singur .zip. În el, cel puțin un fișier .html — e singura cerință obligatorie, iar o arhivă fără așa ceva e refuzată cu acest mesaj. Încărcarea în sine e limitată la 512 MB; limita pe care o atingi prima e propria stocare, care se numără după dimensiunea dezarhivată, nu după arhivă, așa că un ZIP mic care se extinde la un gigabyte e refuzat după dezarhivare și nu ți se scade nimic din cotă.

Ce pagină pornește#

Un index.html la primul nivel al arhivei, dacă există. Altfel, platforma caută orice pagină la primul nivel, apoi un index.html mai adânc, apoi orice pagină — preferând-o pe cea mai mică, aproape mereu pagina de pornire și nu o componentă. O pagină-înveliș care doar încadrează altă pagină e urmată până la pagina încadrată, cum arată un export din Adobe Animate.

Notă

Folderele __MACOSX și fișierele ._ sunt ignorate, așa că un ZIP făcut pe Mac cu clic dreapta pe un folder merge așa cum e. Nu trebuie să le elimini.

Declară dimensiunea#

Pune în pagină dimensiunea pentru care a fost făcut bannerul, ca un ecran să-l poată mări fără să-l deformeze. Tagul meta standard se citește primul:

În head-ul paginii de pornire

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

Fără el, platforma folosește dimensiunile unui element <canvas> sau declarația proprie a unui export Animate. Dacă nu există niciuna, bannerul nu are o dimensiune de proiectare și e întins cât zona în care rulează — așa ajunge o creație 300×250 lățită pe un ecran vertical.

Totul în arhivă#

Fără URL-uri externe. Un ecran rulează de pe propriul disc șapte zile fără conexiune și poate păstra în cache doar ce a venit în ZIP — un font, un script sau o imagine aduse de pe internet sunt partea din banner care rămâne goală exact în situația pentru care există playerul. Fonturile, bibliotecile și imaginile vin odată cu creația, referite prin căi relative.

Creațiile rulează într-un sandbox. Scripturile și animațiile merg normal. Trei lucruri nu merg, prin design, iar un banner care depinde de ele va arăta stricat doar pe un ecran:

Fără stocare. localStorage și cookie-urile nu sunt disponibile și aruncă o eroare când sunt accesate. Un banner nu poate ține minte nimic de la o rulare la alta și nici n-ar trebui să încerce.
Fără navigare și fără ferestre pop-up. window.open și orice încercare de a duce playerul în altă parte sunt blocate. Un ecran nu are buton Înapoi și nici pe cineva care să-l apese.
Fără formulare. Pe un ecran nu completează nimic niciun trecător.

Cât rulează#

Decide playlistul, nu bannerul. O creație primește numărul de secunde setat pentru ea în playlist, apoi e înlocuită, oriunde ar fi ajuns animația — așa că un banner ar trebui să ruleze în buclă sau să se oprească pe un ultim cadru care merită privit. Nu există niciun semnal prin care un banner să ceară mai mult timp.

Înainte să-l trimiți#

Deschide pagina de pornire din folderul dezarhivat, offline, cu rețeaua oprită. Ce vezi e ce vede un ecran.
Verifică dacă dimensiunea din tag e cea pentru care l-ai proiectat.
Lasă-l să ruleze de trei ori mai mult decât slotul din playlist și urmărește ultimul cadru.
Caută cereri care ies: instrumentele de dezvoltator ale browserului, fila Rețea, și nimic către o gazdă externă.

Un banner care merge aici, dar nu pe ecran

Aproape mereu e unul din două lucruri: aduce ceva de pe internet sau depinde de stocare. Amândouă merg pe laptopul tău și niciunul nu merge în sandboxul unui ecran care, pe deasupra, poate fi offline.