1. Banner installeren
Plaats het volgende script in de <head> of vlak voor </body> van je website. Vervang JOUW_API_KEY door de API key die je vindt op de website-pagina in je dashboard.
<script src="https://www.cookieopt.com/embed/banner.js" data-api-key="JOUW_API_KEY"></script>
De cookiebanner verschijnt automatisch voor bezoekers die nog geen keuze hebben gemaakt.
Tip: plaats het script zo hoog mogelijk in de pagina zodat Google Consent Mode op tijd wordt ingesteld.
2. Automatische script blokkering
CookieOpt blokkeert automatisch third-party scripts (zoals Google Analytics, Facebook Pixel, Hotjar) totdat de bezoeker toestemming geeft. Scripts worden pas geladen en uitgevoerd na consent voor de juiste categorie.
Automatisch geblokkeerde diensten
De volgende diensten worden automatisch herkend en geblokkeerd zonder extra configuratie:
- Google Analytics, Google Ads, DoubleClick
- Facebook Pixel, Meta
- Hotjar, Microsoft Clarity
- LinkedIn Ads, TikTok Analytics, Bing Ads
- Plausible, Umami, WP Stats
- LiveChat, Intercom
Handmatig scripts blokkeren
Voor scripts die niet automatisch herkend worden, kun je ze handmatig taggen. Verander type naar text/plain en voeg een data-cookieopt attribuut toe met de categorie:
<script type="text/plain" data-cookieopt="analytics" src="https://example.com/tracker.js"></script>
Dit werkt ook voor inline scripts:
<script type="text/plain" data-cookieopt="marketing">
fbq('init', '123456');
fbq('track', 'PageView');
</script>
Beschikbare categorieën: analytics, marketing, preferences
3. Cookieverklaring embedden
Je kunt de cookieverklaring automatisch laten verschijnen op je privacy- of cookiepagina. Er zijn twee manieren:
1. Plaats deze div op de plek waar de tabel moet verschijnen
<div id="cookieopt-declaration"></div>
De cookie-tabel wordt automatisch ingeladen door het banner-script. Zorg dat het banner-script ook op deze pagina staat.
2. Directe link naar de cookieverklaring
Je kunt ook direct linken naar de gehoste cookieverklaring:
https://www.cookieopt.com/cookie-declaration/JOUW_API_KEY
4. Banner aanpassen
Ga naar Websites > jouw website > Banner aanpassen om de banner te configureren. Je kunt het volgende instellen:
- Banner type: dialog (popup), bar (balk) of popup (hoek)
- Kleuren: achtergrond, tekst, knoppen en accenten (Pro)
- Teksten: alle teksten zijn aanpasbaar en meertalig
- Logo: upload je eigen logo voor in de banner (Pro)
- Knoppen: kies welke knoppen zichtbaar zijn (alles accepteren, selectie, weigeren)
- Heropen knop: toon een zwevend cookie-icoon waarmee bezoekers hun keuze kunnen aanpassen
5. Cookie scanner
De cookie scanner detecteert automatisch welke cookies je website plaatst.
- De scanner draait automatisch maandelijks. Pro-gebruikers kunnen ook handmatig scannen.
- Gevonden cookies worden automatisch gecategoriseerd met behulp van AI.
- Gecategoriseerde cookies verschijnen automatisch in de cookieverklaring.
6. Consent logboek
Alle consent-keuzes van bezoekers worden opgeslagen als bewijs voor AVG/GDPR-compliance.
- Bekijk alle consent-records met datum, sessie-ID en gemaakte keuzes.
- Exporteer consent-data als CSV voor audits (Pro).
- Genereer een compliance-rapport als PDF (Pro).
- Data wordt automatisch opgeschoond na de retentieperiode (30 dagen free, 365 dagen Pro).
7. Google Consent Mode v2
CookieOpt ondersteunt Google Consent Mode v2 automatisch. Wanneer een bezoeker een keuze maakt, worden de juiste consent-signalen doorgestuurd naar Google (analytics_storage, ad_storage, etc.).
Dit werkt automatisch zodra het banner-script is geïnstalleerd. Er is geen extra configuratie nodig.
8. Google Tag Manager
Als je CookieOpt via Google Tag Manager wilt laden, maak dan een Custom HTML tag aan met de volgende code:
<script>
(function(){
var s = document.createElement('script');
s.src = 'https://www.cookieopt.com/embed/banner.js?v=' + Date.now();
s.setAttribute('data-api-key', 'JOUW_API_KEY');
document.head.appendChild(s);
})();
</script>
Stel de trigger in op "Consent Initialization - All Pages" zodat de banner voor alle andere tags laadt.
Verwijder het CookieOpt script uit de HTML van je website om dubbele banners te voorkomen.
9. IP whitelisting
Gebruik je een firewall, CDN of een andere beveiligingslaag die uitgaande of inkomende requests filtert? Voeg dan onderstaande IP-adressen toe aan je whitelist zodat CookieOpt je website correct kan scannen en het banner-script zonder problemen geladen kan worden.
172.67.217.232
104.21.62.19
Deze lijst kan in de toekomst worden uitgebreid. Controleer deze pagina periodiek op wijzigingen.