Cookietoestemming toevoegen aan uw website

Om cookietoestemming toe te voegen, maakt u eerst een lijst van wat uw site in de browsers van bezoekers opslaat, en sorteert u die in strikt noodzakelijk en optioneel. Voeg vervolgens een banner toe — van een consent management platform of zelf gebouwd — die optionele scripts zoals analytics en advertentiepixels blokkeert tot de bezoeker accepteert, een „Weigeren“-knop biedt die net zo makkelijk is als „Accepteren“, de keuze onthoudt en mensen later de mogelijkheid geeft die te wijzigen. Een banner die wel verschijnt maar niets blokkeert, doet het werk niet.

Deze gids is algemene informatie over hoe toestemmingsbanners technisch werken, geen juridisch advies. Privacyregels verschillen per land en veranderen; controleer welke regels voor uw bezoekers gelden, of vraag een adviseur.

Wat toestemming vereist (in algemene termen)

Cookieregels gelden meestal voor cookies en vergelijkbare technieken: localStorage, trackingpixels, device fingerprinting. De gebruikelijke indeling, op basis van richtlijnen in de EU en het Verenigd Koninkrijk:

Enkele punten die makkelijk verkeerd gaan:

• De EU en het Verenigd Koninkrijk werken met een opt-in-model: optionele cookies wachten tot de bezoeker akkoord gaat. Richtlijnen van toezichthouders zoals de ICO in het Verenigd Koninkrijk zeggen dat toestemming een duidelijke positieve handeling moet zijn, en dat mensen niet-noodzakelijke cookies makkelijk moeten kunnen in- en uitschakelen.
• Het Verenigd Koninkrijk veranderde in 2025. De Data (Use and Access) Act 2025 maakt het mogelijk dat sommige cookies zonder toestemming worden geplaatst, waaronder analytics die alleen wordt gebruikt om uw eigen site te verbeteren en die geaggregeerde statistieken oplevert die mensen niet kunnen identificeren — met de plicht gebruikers daar duidelijk over te informeren. Lees de actuele richtlijnen van de ICO voordat u erop vertrouwt.
• Verschillende Amerikaanse staten werken met een opt-outmodel voor het „verkopen“ of „delen“ van persoonsgegevens voor gerichte advertenties, en sommige verwachten dat u het browsersignaal Global Privacy Control respecteert.
• Google-advertenties: stand september 2026 vereist Google dat uitgevers die AdSense, Ad Manager of AdMob gebruiken, bij het tonen van advertenties in de EER, het Verenigd Koninkrijk en Zwitserland een door Google gecertificeerd consent management platform gebruiken dat is geïntegreerd met het Transparency and Consent Framework van de IAB.

Opties: CMP, bibliotheek of maatwerk

De laatste optie wordt onderschat. Als u alleen bezoekersaantallen wilt, kan een cookievrije analytics-tool in veel landen de noodzaak voor een banner wegnemen — controleer de documentatie en de lokale regels.

Als u Google-advertenties in Europa draait, is een gecertificeerde CMP de praktische keuze. Voor een kleine zakelijke site met alleen analytics is een goed gebouwde maatwerkbanner of een bibliotheek vaak voldoende.

Hoe een banner werkt

Het deel dat mensen overslaan is het blokkeren. Een correcte opzet:

1. Vóór elke keuze draaien alleen noodzakelijke cookies en scripts. Analytics, pixels en ingesloten content worden helemaal niet geladen (of, bij Google-tags, worden geladen met toestemming op „geweigerd“).
2. De banner toont duidelijke keuzes op het eerste niveau: Alles accepteren, Alles weigeren, en een manier om per categorie te kiezen.
3. Bij een keuze slaat de site die op — meestal in een first-party cookie of localStorage — met een versie en datum, en laadt daarna alleen de geaccepteerde categorieën.
4. Bij latere bezoeken wordt de opgeslagen keuze gelezen voordat iets optioneels laadt.
5. Een link „Cookie-instellingen“, meestal in de footer, opent de keuzes opnieuw op elk moment. Intrekken hoort net zo makkelijk te zijn als geven.
6. Als u verandert wat u gebruikt, verhoog de versie zodat mensen opnieuw worden gevraagd.

Google consent mode

Voor Google Analytics en Google Ads verbindt de consent mode van Google de tags met de banner. Stand september 2026 beschrijft de documentatie van Google vier hoofdtoestemmingstypen: ad_storage, analytics_storage, ad_user_data en ad_personalization. U stelt een standaard in voordat de Google-tag laadt, en daarna een update wanneer de bezoeker kiest:

gtag('consent', 'default', {
  ad_storage: 'denied',
  ad_user_data: 'denied',
  ad_personalization: 'denied',
  analytics_storage: 'denied'
});
// later, wanneer de bezoeker alleen analytics accepteert:
gtag('consent', 'update', { analytics_storage: 'granted' });

Google beschrijft een basisimplementatie, waarbij tags pas laden na toestemming, en een geavanceerde, waarbij tags laden met toestemming op „geweigerd“ en cookievrije signalen sturen. Basis is makkelijker te doorgronden. Voor verkeer uit de EER verwacht Google dat de signalen ad_user_data en ad_personalization worden verstuurd. Zie hoe u Google Analytics instelt voor de tag zelf.

Prompts die werken

Voeg een cookietoestemmingsbanner toe. Categorieën: noodzakelijk (altijd aan), analytics (Google Analytics 4) en marketing (Meta-pixel). Niets in analytics of marketing mag laden vóór toestemming. Eerste scherm: „Alles accepteren“, „Alles weigeren“ en „Aanpassen“, met gelijke nadruk. Sla de keuze op met een versienummer en datum in een first-party cookie voor 6 maanden, laad alleen de geaccepteerde categorieën, en voeg een link „Cookie-instellingen“ in de footer toe die de banner opnieuw opent. Gebruik Google consent mode met alle vier de typen standaard op geweigerd.

Maak een lijst van elke cookie, elke localStorage-sleutel en elk script van derden dat deze site gebruikt, welke pagina het laadt, en of het strikt noodzakelijk is. Lever een tabel die ik kan gebruiken voor het cookiebeleid.

De YouTube-insluitingen op /about laden vóór toestemming. Vervang ze door een miniatuur met een afspeelknop die de video pas laadt nadat de bezoeker klikt, en toon een melding dat YouTube cookies kan plaatsen.

Stap voor stap

1. Controleer wat uw site instelt: open DevTools → Application → Cookies en Local Storage bij een eerste bezoek, en kijk in het tabblad Network naar verzoeken aan derden. Neem ingesloten content en chatwidgets mee.
2. Categoriseer elk onderdeel: noodzakelijk, voorkeuren, analytics, marketing. Verwijder wat u niet gebruikt.
3. Bepaal de aanpak: CMP, bibliotheek of maatwerk, op basis van de tabel hierboven.
4. Implementeer het blokkeren zodat optionele scripts pas laden na toestemming. Voor Google-tags voegt u de standaarden van consent mode toe vóór de tag.
5. Bouw de banner met gelijke knoppen voor accepteren en weigeren, keuzes per categorie en een instellingenlink.
6. Schrijf het cookiebeleid (vaak onderdeel van uw privacybeleid) met een overzicht van wat u gebruikt en waarom; zie hoe u algemene voorwaarden en een privacybeleid schrijft.
7. Test in een privévenster: vóór een keuze geen optionele cookies of verzoeken; na weigeren nog steeds geen; na accepteren verschijnen de juiste; na van gedachten veranderen stoppen ze.
8. Controleer opnieuw telkens wanneer u een nieuwe tool toevoegt.

Veelgemaakte fouten

• Een banner die niets blokkeert. Scripts starten bij het laden van de pagina terwijl de banner beleefd vraagt.
• Accepteren is een grote knop, weigeren is verborgen op een tweede scherm of als grijze link.
• Vooraf aangevinkte categorieën of „gerechtvaardigd belang“-schakelaars die standaard aan staan.
• Geen manier om van gedachten te veranderen na de eerste keuze.
• Ingesloten content vergeten: YouTube, kaarten, sociale feeds en chatwidgets kunnen ook cookies plaatsen.
• Elke paginalading opnieuw vragen omdat de keuze niet goed wordt opgeslagen.
• De banner die de pagina bedekt op telefoons of die de toetsenbordfocus vasthoudt. Maak hem toegankelijk en klein genoeg om er doorheen te lezen.
• Het beleid van een andere site kopiëren dat cookies beschrijft die u niet gebruikt.

Checklist toestemming

• Elke cookie, elke opslagsleutel en elk script van derden is vastgelegd en gecategoriseerd
• Optionele scripts geblokkeerd tot toestemming (gecontroleerd in DevTools)
• Accepteren en weigeren even makkelijk op het eerste niveau
• Keuzes per categorie beschikbaar; niets optioneels vooraf geselecteerd
• Keuze opgeslagen met versie en datum; opnieuw gevraagd na wijzigingen
• Link „Cookie-instellingen“ op elke pagina
• Standaarden van Google consent mode ingesteld vóór de Google-tags, indien gebruikt
• Cookie- of privacybeleid komt overeen met wat de site echt doet
• Regels voor de landen van uw bezoekers gecontroleerd met de actuele richtlijnen of een adviseur

Voor de achtergrond leest u wat zijn cookies en wat is de AVG.

Cookietoestemming op Mythex

Mythex voegt zelf geen toestemmingsbanner of analytics aan uw app toe — beide vraagt u zelf aan, zodat u bepaalt wat er laadt. Draai eerst de controle-prompt, daarna de bannerprompt met uw echte categorieën, en test in Preview met DevTools open voordat u publiceert. Gebruikt u een gehoste CMP, dan krijgt u een script en een ID; de ID is openbaar en mag in de frontendcode, terwijl alles wat geheim is in de projectinstellingen hoort (omgevingsvariabelen en geheimen). Publiceer opnieuw na wijzigingen zodat de live site de nieuwe banner gebruikt.

Veelgestelde vragen