Naar de inhoud
Sizewright
Beginnen

HTML5-banners uploaden: de checklist per platform

Door Sizewright6 min. lezen

Een HTML5-banner die in je browser goed werkt, kan bij het uploaden toch worden geweigerd. Elk platform stelt eigen eisen aan het pakket, aan de manier waarop een klik wordt afgehandeld en aan de bestandsgrootte. Deze checklist zet ze op een rij, met de limieten zoals Google, Adform, Microsoft en het IAB ze zelf publiceren.

De limieten per platform

PlatformZIP-grootteBestandenAnimatie
Google Ads600 KB of kleinerMaximaal 40Maximaal 30 seconden[1][2]
Campaign Manager 3609,5 MB volgens de ene helppagina, 10 MB volgens de andereMaximaal 100Niet vermeld[3][4]
Display & Video 360Geen limiet voor de upload; maximaal 5 MB die de browser bij vertoning downloadtMaximaal 100Maximaal 30 seconden[5][6]
Adform300 KB uitgepakt op desktop, 200 KB op mobielNiet vermeldMaximaal 30 seconden[7][8]
Xandr (Microsoft Invest)Niet vermeldNiet vermeldNiet vermeld[9]
IAB New Ad PortfolioPer formaat, zie hieronderMaximaal 10 bestandsverzoeken bij het eerste ladenMaximaal 15 seconden[10][11]

Drie dingen om te weten. Het IAB geeft geen algemeen gewicht, maar een gewicht per formaat, gemeten na gzip-compressie: 150 kB bij het eerste laden voor een 300 × 250, 728 × 90 of 160 × 600, 250 kB voor een 970 × 250 en 50 kB voor een 320 × 50.[10] Adform meet juist uitgepakt.[8] En Google Ads laat niet elk account HTML5 uploaden: het account moet langer dan 90 dagen bestaan, in totaal meer dan US$ 9.000 hebben uitgegeven en zich aan het beleid hebben gehouden. Ook dan vraag je de toegang eerst aan, en Google garandeert die niet.[1]

Google verplaatst nieuwe displaycampagnes bovendien naar Demand Gen,[12] en daar spreken de eigen pagina’s van Google elkaar tegen: de ene zegt dat je HTML5 als ZIP kunt uploaden,[13] een andere dat HTML5 eind 2026 komt.[12]

Het pakket: index.html, ad.size en alles in de ZIP

Een HTML5-banner is een kleine webpagina in een ZIP. De platforms willen die pagina op een vaste plek en compleet:

  • Het HTML-bestand in de hoofdmap. Xandr eist een index.html in de hoofdmap van de ZIP, niet in een submap, als compleet document met een html-, head- en body-tag.[9] Google Ads vraagt een DOCTYPE-declaratie en html- en body-tags.[1] Adform wil het hoofdbestand en zijn manifest.json in de hoofdmap.[8]
  • De ad.size-metatag. Google Ads eist in de head een regel als meta name="ad.size" content="width=300,height=250", met de exacte afmeting van het formaat.[1] Campaign Manager 360 noemt hem optioneel maar raadt hem aan.[4]
  • Geen externe verwijzingen. Google Ads wil dat alle code en bestanden met een relatief pad naar een bestand in de ZIP worden aangeroepen. De enige uitzonderingen zijn Google Fonts en een paar bibliotheken die Google zelf host.[1] Campaign Manager 360 weigert http-adressen in de code,[14] geneste ZIP’s, bestanden die nergens worden gebruikt en een procentteken in bestandsnamen.[4]
  • Geen opslag in de browser. Campaign Manager 360 en Display & Video 360 nemen geen banners aan die local storage of session storage gebruiken,[4][5] en Xandr verbiedt local storage.[15]
  • UTF-8. Google Ads vraagt UTF-8 voor alle tekens buiten het standaardalfabet, zoals de ë in geüpload of de ß in een Duitse kop.[1]

De clickTag per adserver

Zet het adres van je landingspagina niet vast in de banner. De adserver geeft het bij elke vertoning mee, zodat hij de klik kan tellen en jij het adres kunt wijzigen zonder nieuwe banner.[4] Hoe de banner het adres ophaalt, verschilt per platform:

PlatformHoe de klik werkt
Google Ads en Campaign Manager 360Een globale variabele clickTag in de HTML, die bij een klik de landingspagina in een nieuw venster opent. Campaign Manager 360 eist minstens één clickTag en wil die code niet geminificeerd.[4]
Display & Video 360Minstens één exit of clickTag die naar een werkende landingspagina leidt, ook hier niet geminificeerd.[5][6]
AdformEen manifest.json met alle clicktags, de DHTML-bibliotheek van Adform in de head, en het adres opgehaald met dhtml.getVar. De naam is clickTAG, en hoofdletters tellen.[8]
XandrDe clickTag komt als parameter mee in het adres van de advertentie, en de banner leest hem daar uit.[16]

De HTML5-specificaties van Google Ads noemen zelf geen clickTag.[1] Sizewright gebruikt daar dezelfde globale variabele als voor Campaign Manager 360.

Back-ups, animatie en gewicht

Back-upafbeelding. Campaign Manager 360 en Display & Video 360 willen de back-up niet in de ZIP, maar als apart bestand dat je bij de creative uploadt, in dezelfde afmeting als de banner.[4][3][5] Zonder back-up toont Display & Video 360 een lege afbeelding waar HTML5 niet kan draaien,[5] en Campaign Manager 360 toont dan niets.[17] Voor polite loading vraagt Campaign Manager 360 een afbeelding onder 40 KB; dat mag dezelfde zijn als de back-up.[3]

Animatie. Google Ads, Display & Video 360 en Adform staan maximaal 30 seconden animatie toe, herhalingen meegeteld.[2][6][7] Het IAB houdt 15 seconden aan en wil daarna geen herhaling meer.[11] Een banner die binnen 15 seconden stopt, voldoet aan allebei.

Lettertypen en beelden. Neem van een lettertype alleen de tekens op die de banner gebruikt, en kies liever één beeld minder dan een lagere beeldkwaliteit. Let op het bestandstype: Google Ads noemt geen fontbestanden bij de toegestane bestanden en maakt een uitzondering voor Google Fonts;[1] Campaign Manager 360 accepteert WOFF, WOFF2, TTF, OTF en EOT.[4]

De checklist

  1. Het HTML-bestand heet index.html, staat in de hoofdmap van de ZIP en is een compleet document met DOCTYPE, html, head en body.
  2. In de head staat de ad.size-metatag met de exacte breedte en hoogte.
  3. Alles wat de banner laadt, zit in de ZIP en wordt met een relatief pad aangeroepen. Geen http-adressen, geen geneste ZIP’s, geen ongebruikte bestanden en geen procentteken in bestandsnamen.
  4. Het aantal bestanden blijft onder de limiet: 40 voor Google Ads, 100 voor Campaign Manager 360 en Display & Video 360.
  5. De ZIP blijft onder het gewicht van het platform: 600 KB voor Google Ads, 300 KB uitgepakt voor een desktopbanner van Adform, en het IAB-gewicht per formaat voor uitgevers die het IAB volgen.
  6. De klik loopt via de clickTag van het platform, niet via een vast adres, en die code is niet geminificeerd.
  7. Voor Adform: manifest.json in de hoofdmap, de DHTML-bibliotheek in de head en clickTAG precies zo gespeld als in het manifest.
  8. De banner gebruikt geen local storage of session storage.
  9. De animatie stopt binnen 30 seconden, of binnen 15 als de banner ook draait bij uitgevers die het IAB volgen.
  10. Er ligt een back-upafbeelding klaar in exact dezelfde afmeting, als apart bestand buiten de ZIP.
  11. Lettertypen bevatten alleen de tekens die je gebruikt, en beelden zijn gecomprimeerd.
  12. De landingspagina begint met https. Campaign Manager 360 eist https alleen voor de adressen in de code van de banner, niet voor de landingspagina,[14] maar Sizewright neemt alleen landingspagina’s met https aan.
  13. De naam van de ZIP is korter dan 50 tekens, inclusief .zip: de grens van Display & Video 360.[5]

Zo pakt Sizewright het aan

Sizewright heeft een exportprofiel per platform. Google Ads krijgt een HTML5-ZIP tot 600 KB en 40 bestanden, alleen in de formaten die Google accepteert. Campaign Manager 360 krijgt een ZIP tot 9,5 MB en 100 bestanden, Adform een banner met manifest tot 300 KB uitgepakt (200 KB op mobiel), en het IAB-profiel houdt het gewicht per formaat en 15 seconden animatie aan. Lettertypen worden beperkt tot de gebruikte tekens, en beelden worden stap voor stap gecomprimeerd tot het pakket past. Voor Campaign Manager 360, Adform, Xandr en het IAB-profiel komt er een back-up-JPG van maximaal 150 KB bij.

Daarna wordt elk bestand gecontroleerd: grootte, aantal en type bestanden, index.html, ad.size, clickTag, externe verwijzingen, duur en herhalingen, back-up en manifest. Voldoet een bestand niet, dan noemt de export het, zodat je het niet pas bij het uploaden merkt. Exporteren is gratis en kan zo vaak als je wilt.

Verder lezen

De advertentiespecificaties geven per platform alle limieten met hun bronnen, bijvoorbeeld voor Google Ads, Campaign Manager 360 en DV360 en Adform. Hoe Sizewright de pakketten opbouwt en controleert, lees je bij Export naar advertentieplatformen.

Bronnen

  1. Google Ads Help, “Uploaded display ads specifications”, support.google.com/google-ads/answer/1722096, geraadpleegd op 16 oktober 2026. terug terug2 terug3 terug4 terug5 terug6 terug7 terug8

  2. Google, Advertising Policies Help, “Image ad requirements”, support.google.com/adspolicy/answer/176108, geraadpleegd op 16 oktober 2026. terug terug2

  3. Campaign Manager 360 Help, “Asset options for display creatives”, support.google.com/campaignmanager/answer/4558694, geraadpleegd op 16 oktober 2026. terug terug2 terug3

  4. Campaign Manager 360 Help, “How to prepare HTML5 display assets for Campaign Manager 360”, support.google.com/campaignmanager/answer/3145300, geraadpleegd op 16 oktober 2026. terug terug2 terug3 terug4 terug5 terug6 terug7 terug8

  5. Display & Video 360 Help, “HTML5 creatives”, support.google.com/displayvideo/answer/7128959, geraadpleegd op 16 oktober 2026. terug terug2 terug3 terug4 terug5 terug6

  6. Display & Video 360 Help, “Guidelines for HTML5 display creatives”, support.google.com/displayvideo/answer/10261241, geraadpleegd op 16 oktober 2026. terug terug2 terug3

  7. Adform Help Center, “Guidelines for Display Ads”, adformhelp.com/hc/en-us/articles/9738579515025, geraadpleegd op 16 oktober 2026. terug terug2

  8. Adform Help Center, “Requirements for HTML5 Banner Files”, adformhelp.com/hc/en-us/articles/9738596324881, geraadpleegd op 16 oktober 2026. terug terug2 terug3 terug4

  9. Microsoft Learn, “Microsoft Invest – HTML5 creative guidelines and specifications”, learn.microsoft.com/en-us/xandr/invest/html5-creative-guidelines-and-specifications, geraadpleegd op 16 oktober 2026. terug terug2

  10. IAB Tech Lab, “Fixed Size Ad Specifications”, iab.com/wp-content/uploads/2019/04/IABNewAdPortfolio_LW_FixedSizeSpec.pdf, geraadpleegd op 16 oktober 2026. terug terug2

  11. IAB Tech Lab, “IAB New Standard Ad Unit Portfolio”, iab.com/wp-content/uploads/2019/07/IABNewAdPortfolio_FINAL_0719.pdf, geraadpleegd op 16 oktober 2026. terug terug2

  12. Google Ads Help, “Google Display Ads campaigns have a new home in Demand Gen”, support.google.com/google-ads/answer/17051545, geraadpleegd op 16 oktober 2026. terug terug2

  13. Google Ads Help, “About Uploaded Display Ads for Google Display Network (GDN) on Demand Gen”, support.google.com/google-ads/answer/16967455, geraadpleegd op 16 oktober 2026. terug

  14. Campaign Manager 360 Help, “Manage SSL compliance in Campaign Manager 360”, support.google.com/campaignmanager/answer/6227189, geraadpleegd op 16 oktober 2026. terug terug2

  15. Microsoft Learn, “Microsoft Invest – Creative guidelines and specifications”, learn.microsoft.com/en-us/xandr/invest/creative-guidelines-and-specifications, geraadpleegd op 16 oktober 2026. terug

  16. 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, geraadpleegd op 16 oktober 2026. terug

  17. Campaign Manager 360 Help, “Set up display creatives”, support.google.com/campaignmanager/answer/4483813, geraadpleegd op 16 oktober 2026. terug

Meer gidsen

Zet de gids aan het werk.

Aanmelden is gratis. Neem je website en een briefing mee en krijg een set die in elk formaat aan deze regels voldoet.