Wat zijn HTML5-banners?
Een HTML5-banner is een online advertentie die is gebouwd met HTML, CSS en JavaScript, in plaats van als plaatje of losse video. Daardoor kan hij bewegen zonder te haperen, reageren op een klik of een swipe, en prijzen of aanbiedingen uit een feed laten zien. Hij blijft scherp op elk scherm. Bijna elk advertentieplatform speelt hem af, van Google Ads tot DV360, Xandr en Adform.
Wat een HTML5-banner kan, en een plaatje niet.
Een plaatje doet één ding: er staan. Een gif speelt een paar beelden af en begint opnieuw, in een beperkte kleurruimte. Een HTML5-banner is een klein programma. Elke laag beweegt apart: het product, de kop, de knop. Daardoor kan de animatie precies op de seconde lopen, en blijft het bestand toch licht.
| Statisch (jpg/png) | Gif | HTML5 | |
|---|---|---|---|
| Beweging | geen | beperkt, schokkerig | vloeiend, per laag |
| Interactie | alleen klikken | alleen klikken | swipen, schuiven, kiezen, invullen |
| Data uit een feed | nee | nee | ja: prijs, voorraad, locatie |
| Scherpte | vast formaat | vast formaat | scherp op elk scherm |
| Gewicht | klein | wordt snel zwaar | klein, als hij goed gebouwd is |
Je kunt erin klikken, schuiven en kiezen.
Omdat het code is, kan de banner iets vragen. Bij ENGIE beantwoord je drie vragen in de banner zelf, en je komt op de landingspagina die bij je antwoorden past. Wie antwoordt, is al betrokken. Bij BridgeFund kies je met een schuifregelaar het bedrag van je lening. De banner wacht tot jij iets doet.
Waar de grens zit: gewicht en specs.
Elk platform en elke publisher heeft eigen specs voor gewicht, laadgedrag en klikgebied, en die lopen flink uiteen. Google Ads neemt bijvoorbeeld een zip tot 600 kB en hooguit 40 bestanden (opent in een nieuw venster). Een HTML5-banner die te zwaar is, wordt afgekeurd of laadt te laat. Daarom checken we de set vooraf tegen de specs uit het mediaplan, en vervangen we zware beelden waar het kan door code.
Wanneer kies je HTML5?
Bijna altijd voor display. Een statische banner is alleen logisch als het platform niets anders toelaat, of als de boodschap echt in één beeld past. Wil je dat iemand iets doet in de banner (kiezen, rekenen, swipen), dan is HTML5 de enige optie.