Integreer CookieOpt in je website of applicatie met onze API en JavaScript SDK.
Plaats het CookieOpt-script vlak voor de sluitende </head>-tag van je website en vervang JOUW_API_KEY door de API key van je website uit het dashboard:
<script src="https://www.cookieopt.com/embed/banner.js" data-api-key="JOUW_API_KEY"></script>Het script laadt de cookiebanner, past Google Consent Mode v2 toe en maakt de JavaScript API beschikbaar via window.CookieOpt. Zet het script vóór Google Tag Manager of Google Analytics, zodat de consent-standaarden eerst worden gezet.
Controleer de keuze van de bezoeker voordat je zelf cookies plaatst. De categorieën zijn functional (altijd toegestaan), preferences, analytics en marketing:
if (window.CookieOpt.hasConsent('analytics')) {
// statistieken laden
}
var consent = window.CookieOpt.getConsent();
// { functional: true, preferences: false, analytics: true, marketing: false }Reageer op de keuze van de bezoeker met een callback of met het DOM-event. De callback wordt direct aangeroepen als de consent al bekend is (terugkerende bezoeker) en anders zodra de bezoeker kiest:
window.CookieOpt.onConsentReady(function (consent, type) {
// type: accept_all, reject_all, custom of existing
if (consent.marketing) {
// marketingscripts laden
}
});
window.addEventListener('CookieOptOnConsentReady', function (e) {
console.log(e.detail.consent, e.detail.type);
});| Methode of property | Beschrijving |
|---|---|
CookieOpt.consent | Huidige consent-status per categorie. |
CookieOpt.consentReady | true zodra de consent is geladen of gegeven. |
CookieOpt.consentType | Soort keuze: accept_all, reject_all, custom of existing. |
CookieOpt.getConsent() | Geeft een kopie van het consent-object terug. |
CookieOpt.hasConsent(categorie) | Geeft true of false terug voor een categorie. |
CookieOpt.onConsentReady(fn) | Registreert een callback die wordt aangeroepen zodra de consent bekend is. |
CookieOpt genereert automatisch een cookieverklaring voor je website, die na iedere scan wordt bijgewerkt. Link ernaar vanuit je privacyverklaring:
https://www.cookieopt.com/cookie-declaration/JOUW_API_KEYDe volledige developer documentatie, met voorbeelden voor Google Consent Mode v2, het opslaan van consent in je eigen database en de overstap vanaf Cookiebot, staat op cookieopt.com/developer.