Aller au contenu
Sizewright
Commencer

Bannière HTML5 : la liste de contrôle avant l’import

Par Sizewright6 min de lecture

Une bannière HTML5 est une petite page web livrée dans un ZIP, et chaque plateforme fixe ses propres règles pour ce ZIP. Ce guide rassemble ces règles, d’après les pages d’aide de Google Ads, Campaign Manager 360, Display & Video 360, Adform et Xandr, en une liste de contrôle à suivre avant chaque import.

Ce que chaque plateforme accepte

Les limites diffèrent beaucoup d’une plateforme à l’autre. Un ZIP accepté par un serveur publicitaire peut être refusé par Google Ads, et inversement.

PlateformePoidsFichiersClic
Google AdsZIP de 600 Ko au plus40 au plusURL finale saisie à l’import[1][2]
Campaign Manager 3609,5 Mo selon une page d’aide, 10 Mo selon une autre100 au plusAu moins un clickTag, non minifié[3][4]
Display & Video 360Pas de limite à l’import ; 5 Mo téléchargés au plus à la diffusion100 au plusAu moins une sortie (exit) ou un clickTag[5][6]
Adform300 Ko sur ordinateur, 200 Ko sur mobile, mesurés décompressésNon préciséclickTAG lu par la bibliothèque d’Adform et déclaré dans le manifeste[7][8]
Xandr (Microsoft Invest)Non préciséNon préciséclickTag transmis dans l’URL de l’annonce[9][10]

Pour Campaign Manager 360, rester sous 9,5 Mo satisfait les deux pages. Pour Google Ads, une condition s’ajoute : l’import HTML5 est réservé aux comptes ouverts depuis plus de 90 jours, avec plus de 9 000 $ US de dépenses cumulées et un bon historique de respect des règles ; ces comptes doivent ensuite en faire la demande, et l’accès n’est pas garanti. Sans cet accès, l’annonce illustrée reste possible, y compris en GIF animé de 150 Ko au plus.[1]

La structure du ZIP

Un ZIP bien construit s’ouvre sur son fichier principal, sans détour.

  • Le fichier HTML à la racine. Xandr exige un index.html à la racine du ZIP, pas dans un sous-dossier.[9] Adform demande aussi le fichier HTML principal et un manifest.json à la racine, soit au moins deux fichiers.[8][11]
  • Un document complet. Google Ads exige la déclaration doctype et les balises html et body, et l’encodage UTF-8 pour tout caractère non ASCII.[1] Xandr demande un document valide avec html, head et body.[9]
  • Des types de fichiers autorisés. Google Ads accepte HTML, CSS, JS, GIF, PNG, JPG, JPEG et SVG.[1] Campaign Manager 360 y ajoute notamment JSON, XML et les polices EOT, OTF, TTF, WOFF et WOFF2.[4]
  • Rien de superflu. Campaign Manager 360 refuse les ZIP imbriqués, les fichiers que rien n’appelle et le signe % dans les noms de fichiers.[4] Display & Video 360 demande un nom de ZIP de moins de 50 caractères.[5]

La balise ad.size

La balise ad.size indique les dimensions de la bannière dans le head du document, par exemple <meta name="ad.size" content="width=300,height=250"> pour un pavé. Google Ads l’exige dans chaque annonce HTML5.[1] Campaign Manager 360 la présente comme facultative mais recommandée, et Display & Video 360 l’inclut dans ses étapes de préparation.[4][5] Chez Adform, le manifeste indique lui aussi les dimensions.[8] Une même balise, aux dimensions exactes du format, convient donc partout.

Le clic : un clickTag par plateforme

Le clickTag est la variable qui reçoit l’adresse de destination au moment de la diffusion.[4] Chaque plateforme la lit à sa manière.

  • Campaign Manager 360 et Display & Video 360 : au moins un clickTag, que les deux plateformes demandent de ne pas minifier.[4][5][6] Display & Video 360 précise que le clic doit ouvrir un nouvel onglet ou une nouvelle fenêtre.[6]
  • Google Ads : sa page de spécifications HTML5 ne détaille pas de mécanisme de clic ; l’URL finale se saisit lors de l’import.[1][2] Sizewright y déclare la même variable clickTag, ouverte par window.open, que pour Campaign Manager 360.
  • Adform : la bibliothèque DHTML d’Adform est chargée dans le head, et l’adresse se lit avec dhtml.getVar('clickTAG', …). Les noms sont sensibles à la casse, et chaque clickTAG doit être déclaré dans le manifeste.[8]
  • Xandr : le paramètre clickTag est transmis dans l’URL de l’annonce, et la bannière le lit depuis cette adresse. La bibliothèque de Xandr propose une fonction pour cela, mais elle est facultative.[9][10]

Dans tous les cas, n’inscrivez pas en dur l’adresse de votre page de destination à la place du clickTag : le serveur publicitaire ne pourrait plus compter les clics ni changer l’adresse sans nouvelle bannière.[4]

Références externes, stockage et sécurité

Une bannière HTML5 doit se suffire à elle-même. Google Ads demande que tout le code et toutes les ressources soient appelés par un chemin relatif vers des fichiers du ZIP, avec pour seules exceptions Google Fonts et quelques bibliothèques hébergées par Google, comme CreateJS, GreenSock et jQuery.[1]

Campaign Manager 360 et Display & Video 360 refusent les créations qui utilisent le stockage local ou de session, et Xandr exclut lui aussi le stockage local HTML5.[4][5][12] Campaign Manager 360 refuse enfin toute adresse non sécurisée en http dans le code de la création.[13]

Les polices méritent une attention particulière : la liste de Google Ads ne mentionne aucun fichier de police, alors que Campaign Manager 360 et Display & Video 360 en acceptent plusieurs formats.[1][4][5] Dans tous les cas, une police réduite aux seuls caractères utilisés pèse beaucoup moins lourd que la police complète.

Image de secours, animation et poids

L’image de secours s’affiche là où le HTML5 ne peut pas s’exécuter. Campaign Manager 360 et Display & Video 360 la demandent en dehors du ZIP, importée à part, aux dimensions de la création.[4][3][5] Sans elle, Campaign Manager 360 prévient que rien n’est diffusé là où le HTML5 n’est pas pris en charge, et Display & Video 360 affiche une image vide.[14][5]

L’animation a une durée maximale : 30 secondes pour Google Ads, Display & Video 360 et Adform, 15 secondes selon l’IAB, qui n’autorise pas de boucle au-delà.[15][6][7][16] Google Ads permet les boucles tant que l’animation s’arrête au bout de 30 secondes.[1][15]

Le poids se juge au chargement initial autant qu’au poids total. L’IAB recommande 150 Ko au chargement initial pour un 300 × 250, un 728 × 90 ou un 160 × 600, et pas plus de dix requêtes de fichiers pendant ce chargement.[17] Adform indique préférer un chargement initial de 150 Ko ou moins.[18]

La liste de contrôle

  1. Le ZIP respecte la limite de la plateforme visée : 600 Ko pour Google Ads, 9,5 Mo pour Campaign Manager 360, 300 Ko décompressés pour Adform sur ordinateur.
  2. Le nombre de fichiers reste dans la limite : 40 pour Google Ads, 100 pour Campaign Manager 360 et Display & Video 360.
  3. Le fichier HTML principal se trouve à la racine du ZIP, avec manifest.json pour Adform.
  4. Le document est complet : doctype, html, head et body, encodage UTF-8.
  5. La balise ad.size du head indique les dimensions exactes du format.
  6. Le clic passe par le mécanisme de la plateforme : clickTag lisible et non minifié, clickTAG d’Adform déclaré dans le manifeste, paramètre d’URL pour Xandr.
  7. Aucune page de destination n’est inscrite en dur à la place du clickTag.
  8. Aucune ressource externe en dehors des exceptions de Google, et aucune adresse en http.
  9. Aucun stockage local ni de session.
  10. Pas de ZIP imbriqué, pas de fichier inutilisé, pas de % dans les noms de fichiers, un nom de ZIP de moins de 50 caractères.
  11. L’image de secours existe, aux dimensions du format, et reste en dehors du ZIP.
  12. L’animation s’arrête dans la limite : 15 secondes pour suivre l’IAB, 30 secondes au plus pour Google Ads, Display & Video 360 et Adform.
  13. Les polices sont réduites aux caractères utilisés et les images compressées jusqu’à respecter la limite.
  14. Après l’import, le statut de la création est vérifié dans la plateforme avant le lancement de la campagne.

Ce que fait Sizewright

Les paquets d’export de Sizewright appliquent ces règles plateforme par plateforme : balise ad.size, clickTag propre à chaque serveur publicitaire, manifeste pour Adform, polices réduites aux caractères utilisés, images recompressées par paliers et image de secours en JPG de 150 Ko au plus pour Campaign Manager 360, Adform, Xandr et l’IAB. Chaque fichier est vérifié avant le téléchargement, et l’export signale ceux qui ne respectent pas une spécification. La page Export vers les plateformes publicitaires détaille chaque paquet ; les pages Google Ads, Campaign Manager 360 et DV360 et Adform citent les sources de chaque limite.

Sources

  1. Aide Google Ads, « Uploaded display ads specifications », support.google.com/google-ads/answer/1722096, consulté le 16 octobre 2026. retour retour2 retour3 retour4 retour5 retour6 retour7 retour8 retour9

  2. Aide Google Ads, « Upload your own display ads », support.google.com/google-ads/answer/9050314, consulté le 16 octobre 2026. retour retour2

  3. Aide Campaign Manager 360, « Asset options for display creatives », support.google.com/campaignmanager/answer/4558694, consulté le 16 octobre 2026. retour retour2

  4. Aide Campaign Manager 360, « How to prepare HTML5 display assets for Campaign Manager 360 », support.google.com/campaignmanager/answer/3145300, consulté le 16 octobre 2026. retour retour2 retour3 retour4 retour5 retour6 retour7 retour8 retour9 retour10

  5. Aide Display & Video 360, « HTML5 creatives », support.google.com/displayvideo/answer/7128959, consulté le 16 octobre 2026. retour retour2 retour3 retour4 retour5 retour6 retour7 retour8

  6. Aide Display & Video 360, « Guidelines for HTML5 display creatives », support.google.com/displayvideo/answer/10261241, consulté le 16 octobre 2026. retour retour2 retour3 retour4

  7. Centre d’aide Adform, « Guidelines for Display Ads », adformhelp.com/hc/en-us/articles/9738579515025, consulté le 16 octobre 2026. retour retour2

  8. Centre d’aide Adform, « Requirements for HTML5 Banner Files », adformhelp.com/hc/en-us/articles/9738596324881, consulté le 16 octobre 2026. retour retour2 retour3 retour4

  9. Microsoft Learn, « Microsoft Invest – HTML5 creative guidelines and specifications », learn.microsoft.com/en-us/xandr/invest/html5-creative-guidelines-and-specifications, consulté le 16 octobre 2026. retour retour2 retour3 retour4

  10. Microsoft Learn, « Use IAB’s HTML5 clickTag standard on Xandr », learn.microsoft.com/en-us/xandr/industry-reference/use-iab-s-html5-clicktag-standard-on-xandr, consulté le 16 octobre 2026. retour retour2

  11. Centre d’aide Adform, « Code HTML5 Banners », adformhelp.com/hc/en-us/articles/10893850708241, consulté le 16 octobre 2026. retour

  12. Microsoft Learn, « Microsoft Invest – Creative guidelines and specifications », learn.microsoft.com/en-us/xandr/invest/creative-guidelines-and-specifications, consulté le 16 octobre 2026. retour

  13. Aide Campaign Manager 360, « Manage SSL compliance in Campaign Manager 360 », support.google.com/campaignmanager/answer/6227189, consulté le 16 octobre 2026. retour

  14. Aide Campaign Manager 360, « Set up display creatives », support.google.com/campaignmanager/answer/4483813, consulté le 16 octobre 2026. retour

  15. Règles publicitaires Google, « Image ad requirements », support.google.com/adspolicy/answer/176108, consulté le 16 octobre 2026. retour retour2

  16. IAB Tech Lab, « IAB New Standard Ad Unit Portfolio », iab.com/wp-content/uploads/2019/07/IABNewAdPortfolio_FINAL_0719.pdf, consulté le 16 octobre 2026. retour

  17. IAB Tech Lab, « Fixed Size Ad Specifications », iab.com/wp-content/uploads/2019/04/IABNewAdPortfolio_LW_FixedSizeSpec.pdf, consulté le 16 octobre 2026. retour

  18. Centre d’aide Adform, « Adform Ad Quality Policies », adformhelp.com/hc/en-us/articles/9739167460625, consulté le 16 octobre 2026. retour

Autres guides

Mettez le guide en pratique.

L’inscription est gratuite. Apportez votre site et un brief, et obtenez une déclinaison qui respecte ces règles dans chaque format.