Cookiebanner maken: in 5 stappen een werkende banner

Kort antwoord: een cookiebanner maken doe je in vijf stappen: scannen wat je site plaatst, een tool kiezen, categorieën en teksten instellen, één scriptregel op je site zetten en testen of scripts echt pas laden na toestemming. Het uiterlijk is het kleinste deel. Waar het om draait, is dat de banner trackers blokkeert tot de bezoeker kiest.

Stap 1: weet wat je site plaatst

Je kunt geen goede cookiemelding voor je website maken zonder te weten welke cookies er zijn. Gebruik een cookie scanner of doe de gratis cookiecheck. Let op drie dingen:

• welke cookies je zelf plaatst, zoals een winkelmandje of taalkeuze;
• welke derde partijen meelopen: Google Analytics, Google Ads, Meta-pixel, chatwidgets, ingesloten video's;
• welke scripts laden voordat iemand iets heeft gekozen.

Niet elke cookie vraagt toestemming. Hoe dat zit met functionele cookies lees je in functionele cookies: wanneer is toestemming nodig. De regels zelf staan in de cookiewet uitgelegd.

Stap 2: kies hoe je de banner maakt

Je hebt grofweg drie routes:

1. Zelf bouwen. Volledige controle, maar je moet alles zelf regelen: blokkeren, opslaan van de keuze, intrekken, Consent Mode v2 en onderhoud bij wetswijzigingen.
2. Een plugin voor je CMS. Handig op WordPress, maar plugins blokkeren niet altijd alle scripts en kunnen conflicteren met andere plugins. Meer daarover in cookiebanner op WordPress zonder plugin.
3. Een cookiebanner-tool (CMP). Je stelt de banner in een dashboard in en plaatst één scriptregel. De tool regelt blokkeren, bewijs van toestemming en Google Consent Mode v2. Wat dat kost, staat in wat kost een cookiebanner.

Kijk je naar gratis opties, lees dan eerst gratis cookiebanner: wat mis je?.

Stap 3: stel categorieën en teksten in

Een cookiebanner die voldoet, bestaat uit een paar vaste onderdelen:

• Duidelijke uitleg in gewone taal: wat je meet en waarom.
• Accepteren en weigeren even makkelijk. Een weigerknop verstopt achter een extra klik is een veelgemaakte fout.
• Categorieën: functioneel, analytisch en marketing. Alles behalve functioneel staat standaard uit.
• Een link naar je cookiebeleid. Heb je er nog geen, maak er dan een met de cookiebeleid generator.
• Een manier om later te wijzigen, bijvoorbeeld een knopje in de footer.

Houd de tekst kort en eerlijk. Een banner die bezoekers misleidt tot accepteren, werkt tegen je.

Stap 4: plaats de banner op je site

Bij een tool als CookieKompas is dit één scriptregel in de head van je site, of een tag in Google Tag Manager. Daarna moeten ook je bestaande tags en pixels achter de toestemming komen te staan. Gebruik je Google Ads of GA4, stel dan ook Consent Mode v2 in, zodat Google weet wat de bezoeker koos.

Zet de banner op elke pagina, niet alleen op de homepage. Bezoekers komen vaak binnen via een blogartikel of productpagina.

Stap 5: test of hij echt blokkeert

Dit is de stap die vaak wordt overgeslagen. Open je site in een privévenster en kijk in de ontwikkelaarstools van je browser, tabblad Application en Network:

• Zonder te klikken: staan er geen analytics- of marketingcookies, en gaan er geen verzoeken naar advertentiedomeinen?
• Na weigeren: blijft dat zo?
• Na accepteren: laden de scripts nu wel?
• Na het wijzigen van je keuze: verdwijnen de cookies en stopt het meten?

Faalt een van deze punten, dan is je banner vooral decoratie. Scan daarna opnieuw met de cookiecheck.

Veelgemaakte fouten

• Alleen een melding tonen zonder scripts te blokkeren.
• Geen weigerknop op het eerste scherm.
• Vooraf aangevinkte vakjes voor marketing en analytics.
• Vergeten tags in Google Tag Manager of een thema die buiten de banner om laden.
• Nooit opnieuw testen na een pluginupdate of nieuwe marketingtag.

Dit is geen juridisch advies; laat je bij twijfel adviseren door een jurist.

Zelf een cookiebanner maken met CookieKompas

Wil je geen week kwijt zijn aan bouwen? Met CookieKompas ontwerp je je banner gratis, bekijk je het resultaat meteen en zet je hem live met één scriptregel. Live gaan kost 9,95 euro per website per maand, exclusief btw, en de setup-service is gratis bij een abonnement. Bekijk de prijzen of begin direct.

Samengevat

• Scan eerst, bouw daarna: weet wat je site plaatst.
• Kies een tool die scripts echt blokkeert, niet alleen een melding toont.
• Accepteren en weigeren moeten even makkelijk zijn.
• Test in een privévenster of er niets laadt vóór toestemming.