Een AVG-proof cookiebanner op je WordPress-site zonder zware plugin: script plaatsen, cacheplugin instellen, Analytics en pixels laten wachten op toestemming en testen. Stap voor stap.

WordPress draait ruim 40% van alle websites, en bijna iedere WordPress-site gebruikt plugins of embeds die cookies plaatsen: Analytics, een contactformulier met reCAPTCHA, YouTube-video’s, een Meta Pixel. Een cookiebanner die alleen een melding toont is dan niet genoeg; de scripts moeten wachten tot de bezoeker kiest. Dit stappenplan laat zien hoe je dat met één scriptregel regelt, zonder een zware plugin die je site vertraagt.

Voor je begint: wat plaatst je site nu?

Open je website in een incognitovenster en bekijk in de ontwikkelaarstools (tabblad Application, onderdeel Cookies) welke cookies er staan. Typische vondsten op WordPress: _ga en _ga_* (Google Analytics), _fbp (Meta Pixel), _gcl_au (Google Ads), YSC en VISITOR_INFO1_LIVE (YouTube-embeds), _hjSession* (Hotjar). Alles wat hier staat vóór je iets hebt aangeklikt, moet straks wachten op toestemming.

Stap 1: account aanmaken en website toevoegen

Maak een account aan bij CookieOpt en voeg je domein toe. Kies de kleuren, het logo en de talen van de banner. De scanner begint direct met het indexeren van je site en deelt de gevonden cookies in categorieën in. Dat duurt een paar minuten, afhankelijk van het aantal pagina’s.

Stap 2: script plaatsen

Kopieer de scriptregel uit het dashboard en plaats hem vlak voor de sluitende head-tag. Dat kan op drie manieren:

  1. Via je thema. Veel thema’s hebben onder Thema-instellingen of de Customizer een veld voor scripts in de head. Dit is de schoonste optie.
  2. Via een header-plugin. Installeer WPCode of een vergelijkbare plugin en plak de regel in het veld voor de head. Handig als je thema geen veld heeft of als je thema’s wilt kunnen wisselen.
  3. Via header.php van een childthema. Alleen als je een childthema gebruikt; bij een update van het hoofdthema verdwijnt de regel anders.

Plaats het script zo hoog mogelijk in de head, boven Google Tag Manager en andere scripts. Dan staat de standaardstatus voor Consent Mode v2 klaar voordat de eerste tag laadt.

Stap 3: cacheplugin en optimalisatie

Gebruik je WP Rocket, LiteSpeed Cache, Autoptimize of een vergelijkbare plugin, sluit het CookieOpt-script dan uit van:

  • JavaScript uitstellen of vertragen tot interactie (de banner moet direct verschijnen);
  • het samenvoegen of minimaliseren van scripts;
  • het lokaal hosten van externe scripts.

Leeg daarna de cache. Zonder deze uitzondering verschijnt de banner soms pas na een scroll of klik, en dat is precies wat de Autoriteit Persoonsgegevens als probleem ziet.

Stap 4: testen

  1. Open de site in een incognitovenster. De banner verschijnt direct, met accepteren en weigeren naast elkaar.
  2. Klik op weigeren en controleer de cookies: alleen functionele cookies van WordPress (zoals wordpress_test_cookie) en de voorkeurscookie van CookieOpt.
  3. Open een pagina met een YouTube-video: in plaats van de video zie je een placeholder tot je marketing accepteert.
  4. Verwijder de cookies, accepteer alles en controleer dat Analytics en pixels nu wel laden.
  5. Controleer met Tag Assistant dat Google Consent Mode v2 de juiste status doorgeeft.

Stap 5: cookieverklaring en link in de footer

Maak een pagina “Cookieverklaring” en plaats daar de embedcode van CookieOpt; de verklaring wordt na iedere scan bijgewerkt. Zet in de footer een link “Cookie-instellingen” waarmee bezoekers hun keuze kunnen wijzigen. Die link is verplicht om toestemming net zo makkelijk in te trekken als te geven.

Pagebuilders, WooCommerce en meertaligheid

  • Elementor, Divi, Bricks, Gutenberg: geen bijzonderheden. De banner laadt los van de builder.
  • WooCommerce: cookies voor winkelwagen en sessie zijn functioneel en blijven werken. Lees meer op de pagina cookiebanner voor WooCommerce.
  • WPML en Polylang: de banner volgt automatisch de taal van de pagina.

Meer details en de veelgestelde vragen vind je op de pagina cookiebanner voor WordPress.

Veelgestelde vragen

Welke header-plugin kan ik gebruiken om het script te plaatsen?

Iedere plugin die code in de head plaatst werkt, bijvoorbeeld WPCode (voorheen Insert Headers and Footers). Veel thema's hebben ook een eigen veld voor headerscripts onder de thema-instellingen.

Moet ik mijn Analytics-plugin verwijderen?

Nee. Site Kit, MonsterInsights of een handmatig geplaatste GA4-tag blijven staan. Met Google Consent Mode v2 volgen ze de keuze van de bezoeker; andere scripts wachten via de scriptblokkering.

Werkt dit ook op WordPress multisite?

Ja. Voeg iedere site toe in het CookieOpt-dashboard en plaats per site het eigen script, of gebruik een netwerkbrede header-plugin met per site de juiste code.