Exigences des bannières HTML

Un ZIP, une page d’entrée, une taille déclarée, et tout ce dont elle a besoin à l’intérieur. Le reste de cette page explique ce qui se passe s’il manque l’un de ces éléments.

Ce que vous importez#

Un seul .zip. À l’intérieur, au moins un fichier .html — c’est la seule exigence stricte, et une archive qui n’en contient pas est refusée avec ce message. L’import lui-même est plafonné à 512 Mo ; la limite que vous atteindrez en premier est votre propre stockage, compté sur la taille décompressée et non sur l’archive : un petit ZIP qui se décompresse en un gigaoctet est refusé après décompression, et rien n’est imputé sur votre quota.

Quelle page démarre#

Un index.html au premier niveau de l’archive, s’il y en a un. À défaut, la plateforme cherche une page quelconque au premier niveau, puis un index.html plus profond, puis n’importe quelle page — en préférant la plus petite, qui est presque toujours l’entrée plutôt qu’un composant. Une page d’enveloppe qui ne fait qu’encadrer une autre page est suivie jusqu’à la page qu’elle encadre, ce qui correspond à un export Adobe Animate.

Remarque

Les dossiers __MACOSX et les fichiers ._ sont ignorés : un ZIP créé sur Mac par un clic droit sur un dossier fonctionne tel quel. Inutile de les supprimer.

Déclarez la taille#

Indiquez dans la page la taille de conception, pour qu’un écran puisse agrandir la bannière sans la déformer. La balise meta standard est lue en premier :

Dans le head de votre page d’entrée

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

Sans elle, la plateforme se rabat sur les dimensions d’un élément <canvas> ou sur la déclaration propre à un export Animate. Si rien de tout cela n’existe, la bannière n’a pas de taille de conception et est étirée pour remplir la zone où elle est diffusée — c’est ainsi qu’une création 300×250 finit étalée sur un écran portrait.

Tout à l’intérieur de l’archive#

Aucune URL externe. Un écran continue de diffuser depuis son propre disque pendant sept jours sans connexion, et il ne peut mettre en cache que ce qui est arrivé dans le ZIP — une police, un script ou une image récupérés sur internet sont la partie de votre bannière qui reste vide précisément dans la situation pour laquelle le lecteur existe. Polices, bibliothèques et images voyagent avec la création, référencées par des chemins relatifs.

Les créations s’exécutent dans un bac à sable. Les scripts et les animations fonctionnent normalement. Trois choses ne fonctionnent pas, par conception, et une bannière qui en dépend ne paraîtra cassée que sur un écran :

Pas de stockage. localStorage et les cookies sont indisponibles et lèvent une erreur au moindre accès. Une bannière ne peut rien mémoriser d’une diffusion à l’autre, et ne doit pas essayer.
Pas de navigation ni de fenêtres pop-up. window.open et toute tentative d’emmener le lecteur ailleurs sont bloqués. Un écran n’a pas de bouton Retour, et personne pour appuyer dessus.
Pas de formulaires. Rien sur un écran n’est rempli par un passant.

Combien de temps elle est diffusée#

C’est la playlist qui décide, pas la bannière. Une création reçoit le nombre de secondes indiqué pour elle dans la playlist, puis elle est remplacée, où que se trouve son animation — une bannière doit donc boucler, ou s’arrêter sur une dernière image qui vaut le coup d’œil. Une bannière n’a aucun moyen de demander plus de temps.

Avant de l’envoyer#

Ouvrez la page d’entrée depuis le dossier décompressé, hors ligne, réseau coupé. Ce que vous voyez est ce que voit un écran.
Vérifiez que la taille indiquée dans la balise correspond à la taille de conception.
Laissez-la tourner trois fois plus longtemps que l’emplacement de la playlist et regardez la dernière image.
Recherchez les requêtes sortantes : outils de développement du navigateur, onglet Réseau, et rien vers un hôte extérieur.

Une bannière qui fonctionne ici mais pas sur l’écran

C’est presque toujours l’une de deux choses : elle récupère quelque chose sur internet, ou elle dépend du stockage. Les deux fonctionnent sur votre ordinateur portable, et aucune ne fonctionne dans le bac à sable d’un écran qui peut, en plus, être hors ligne.