Vier eigen cookiebanner-ontwerpen om te bewerken en te kopiëren, een checker die riskante keuzes toetst aan de richtlijnen van de Britse ICO, en Google Consent Mode v2-code.
Een goede cookiebanner biedt Alles accepteren en Alles weigeren naast elkaar aan, met een manier om per categorie te kiezen, en laat elke niet-noodzakelijke schakelaar uit staan tot de bezoeker iets doet. Hieronder vindt u vier eigen bannerontwerpen om te bewerken en te kopiëren, een checker die riskante keuzes signaleert, en de Google Consent Mode-code die erbij hoort.
Bannerkeuzes in één oogopslag (op basis van de richtlijnen van de Britse ICO, stand oktober 2026)
De meeste bannergalerijen tonen schermafbeeldingen van banners van andere bedrijven zonder te zeggen of die de regels volgen. De voorbeelden hier zijn onze eigen ontwerpen, live en bewerkbaar, en elk ervan staat naast wat de richtlijnen van de Britse toezichthouder echt zeggen over weigeren, standaardinstellingen en stilzwijgen. Deze pagina legt ontwerppatronen uit; het is geen juridisch advies.
De pagina van de Britse ICO over het beheren van toestemming beschrijft als goede praktijk een mechanisme dat weigeren even makkelijk maakt als accepteren, en het voorbeeld van slechte praktijk is een banner met Alles accepteren maar zonder Alles weigeren. Elders worden de regels bepaald door de toezichthouder van elk land, dus controleer de richtlijnen voor de landen waar u actief bent.
De ICO zegt dat stilzwijgen of inactiviteit niet als toestemming geldt, en noemt een pop-up die voortgezet gebruik als toestemming behandelt het vooraf inschakelen van cookies zonder toestemming. Negeert een bezoeker de banner, houd niet-noodzakelijke cookies dan uit.
Cookies die strikt noodzakelijk zijn voor iets waar de bezoeker om vroeg, zoals een winkelmandje of een login, vallen onder een uitzondering. De ICO merkt op dat cookies die handig of gemakkelijk zijn maar niet noodzakelijk, nog steeds toestemming vereisen.
Het is een manier om Google-tags te vertellen of de bezoeker akkoord ging. U stelt een standaard in met gtag('consent', 'default', ...) voordat de tags laden, en roept gtag('consent', 'update', ...) aan wanneer de bezoeker kiest. Versie 2 voegde de parameters ad_user_data en ad_personalization toe naast ad_storage en analytics_storage.
Beide kunnen werken. Een balk onderaan laat de pagina leesbaar, terwijl een gecentreerd venster sneller een beslissing oplevert maar content blokkeert. Belangrijker is dat beide keuzes even makkelijk zijn en dat er niets niet-noodzakelijks eerst draait.
Elke preview draait in een sandbox met scripts uit, dus de knoppen doen hier niets. Kopieer de opmaak en koppel de knoppen aan uw eigen toestemmingscode.
De meest gebruikte lay-out. Accepteren en Weigeren hebben dezelfde stijl; Kiezen opent uw instellingenpaneel.
Neemt minder ruimte in op grote schermen. Laat het op een telefoon de volle breedte innemen.
Noodzakelijke cookies staan altijd aan; elk ander vakje begint uitgevinkt.
Een kleine link in de footer van elke pagina laat bezoekers op elk moment van gedachten veranderen.
Gebruikt uw site Google-tags, stel de standaard dan in voordat de tags laden en werk hem bij wanneer de bezoeker kiest. De parameternamen hieronder zijn die uit de documentatie van Google over consent mode.
Parameters van Consent Mode
De standaardaanroep staat vóór uw Google-tagsnippet. wait_for_update geeft de banner 500 milliseconden om een update te sturen voordat de tags afgaan.
Lay-out
Balk onderaan
Venster in de hoek
Gecentreerd venster
Wat uw banner doet
Alles weigeren staat op het eerste scherm
Accepteren en Weigeren zien er hetzelfde uit
Schakelaar voor analyse staat standaard aan
Tekst zegt dat verder surfen toestemming betekent
Een link Cookie-instellingen laat mensen van gedachten veranderen
Preview
Wij gebruiken cookies om deze site te laten werken en, als u akkoord gaat, om bezoeken te meten.
Door verder te surfen gaat u akkoord met ons gebruik van cookies.
Alles accepteren
Alles weigeren
Kiezen
Analyse
Notities
Geen riskante keuzes gevonden in wat u hebt gekozen.
Geen Alles weigeren op het eerste scherm. De ICO beschrijft als goede praktijk dat weigeren even makkelijk is als accepteren.
Weigeren ziet er zwakker uit dan Accepteren. Naar onze mening maakt dit weigeren moeilijker dan accepteren; een gelijkwaardig paar is het veiligere ontwerp.
Een niet-noodzakelijke schakelaar staat standaard aan. In de voorbeelden van goede praktijk van de ICO staan schakelaars voor niet-vrijgestelde technologieën standaard uit.
Verder surfen wordt als toestemming behandeld. De ICO zegt dat stilzwijgen of inactiviteit niet telt.
Geen manier om de keuze later te wijzigen. De ICO zegt dat gebruikers niet-noodzakelijke cookies eenvoudig moeten kunnen in- of uitschakelen.
Een ontwerphulpmiddel op basis van gepubliceerde ICO-richtlijnen, geen juridisch advies.
Gratis beginnen · Geen creditcard nodig