Intégrez CookieOpt dans votre site web ou votre application avec notre API et notre SDK JavaScript.
Placez le script CookieOpt juste avant la balise </head> fermante de votre site et remplacez JOUW_API_KEY par la clé API de votre site, disponible dans le tableau de bord :
<script src="https://www.cookieopt.com/embed/banner.js" data-api-key="JOUW_API_KEY"></script>
Le script charge le bandeau cookies, applique Google Consent Mode v2 et expose l'API JavaScript via window.CookieOpt. Placez le script avant Google Tag Manager ou Google Analytics, afin que les valeurs de consentement par défaut soient définies en premier.
Vérifiez le choix du visiteur avant de placer vous-même des cookies. Les catégories sont functional (toujours autorisée), preferences, analytics et marketing :
if (window.CookieOpt.hasConsent('analytics')) {
// statistieken laden
}
var consent = window.CookieOpt.getConsent();
// { functional: true, preferences: false, analytics: true, marketing: false }
Réagissez au choix du visiteur avec un callback ou avec l'événement DOM. Le callback est appelé immédiatement si le consentement est déjà connu (visiteur de retour), sinon dès que le visiteur fait son choix :
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);
});
| Méthode ou propriété | Description |
|---|---|
CookieOpt.consent | Statut de consentement actuel par catégorie. |
CookieOpt.consentReady | true dès que le consentement est chargé ou donné. |
CookieOpt.consentType | Type de choix : accept_all, reject_all, custom ou existing. |
CookieOpt.getConsent() | Renvoie une copie de l'objet de consentement. |
CookieOpt.hasConsent(categorie) | Renvoie true ou false pour une catégorie. |
CookieOpt.onConsentReady(fn) | Enregistre un callback appelé dès que le consentement est connu. |
CookieOpt génère automatiquement une déclaration de cookies pour votre site, mise à jour après chaque analyse. Ajoutez-y un lien depuis votre politique de confidentialité :
https://www.cookieopt.com/cookie-declaration/JOUW_API_KEY
La documentation développeur complète, avec des exemples pour Google Consent Mode v2, l'enregistrement du consentement dans votre propre base de données et la migration depuis Cookiebot, se trouve sur cookieopt.com/developer.