1. Installer le bandeau
Placez le script suivant dans le <head> ou juste avant </body> de votre site web. Remplacez JOUW_API_KEY par la clé API que vous trouvez sur la page du site web dans votre tableau de bord.
<script src="https://www.cookieopt.com/embed/banner.js" data-api-key="JOUW_API_KEY"></script>
Le bandeau cookies s'affiche automatiquement pour les visiteurs qui n'ont pas encore fait de choix.
Conseil : placez le script le plus haut possible dans la page afin que Google Consent Mode soit configuré à temps.
2. Blocage automatique des scripts
CookieOpt bloque automatiquement les scripts tiers (comme Google Analytics, le pixel Facebook, Hotjar) jusqu'à ce que le visiteur donne son consentement. Les scripts ne sont chargés et exécutés qu'après consentement pour la bonne catégorie.
Services bloqués automatiquement
Les services suivants sont reconnus et bloqués automatiquement, sans configuration supplémentaire :
- Google Analytics, Google Ads, DoubleClick
- Pixel Facebook, Meta
- Hotjar, Microsoft Clarity
- LinkedIn Ads, TikTok Analytics, Bing Ads
- Plausible, Umami, WP Stats
- LiveChat, Intercom
Bloquer des scripts manuellement
Pour les scripts qui ne sont pas reconnus automatiquement, vous pouvez les taguer manuellement. Remplacez type par text/plain et ajoutez un attribut data-cookieopt avec la catégorie :
<script type="text/plain" data-cookieopt="analytics" src="https://example.com/tracker.js"></script>
Cela fonctionne aussi pour les scripts inline :
<script type="text/plain" data-cookieopt="marketing">
fbq('init', '123456');
fbq('track', 'PageView');
</script>
Catégories disponibles : analytics, marketing, preferences
3. Intégrer la déclaration de cookies
Vous pouvez afficher automatiquement la déclaration de cookies sur votre page de confidentialité ou de cookies. Il y a deux façons :
1. Placez cette div à l'endroit où le tableau doit apparaître
<div id="cookieopt-declaration"></div>
Le tableau des cookies est chargé automatiquement par le script du bandeau. Assurez-vous que le script du bandeau se trouve aussi sur cette page.
2. Lien direct vers la déclaration de cookies
Vous pouvez aussi créer un lien direct vers la déclaration de cookies hébergée :
https://www.cookieopt.com/cookie-declaration/JOUW_API_KEY
4. Personnaliser le bandeau
Allez dans Sites web > votre site web > Personnaliser le bandeau pour configurer le bandeau. Vous pouvez définir les éléments suivants :
- Type de bandeau : dialog (fenêtre), bar (barre) ou popup (coin)
- Couleurs : arrière-plan, texte, boutons et accents (Pro)
- Textes : tous les textes sont personnalisables et multilingues
- Logo : téléchargez votre propre logo pour le bandeau (Pro)
- Boutons : choisissez les boutons visibles (tout accepter, sélection, refuser)
- Bouton de réouverture : affichez une icône cookie flottante permettant aux visiteurs de modifier leur choix
5. Scanner de cookies
Le scanner de cookies détecte automatiquement les cookies déposés par votre site web.
- Le scanner s'exécute automatiquement chaque mois. Les utilisateurs Pro peuvent aussi scanner manuellement.
- Les cookies trouvés sont automatiquement catégorisés à l'aide de l'IA.
- Les cookies catégorisés apparaissent automatiquement dans la déclaration de cookies.
6. Journal des consentements
Tous les choix de consentement des visiteurs sont enregistrés comme preuve de conformité au RGPD.
- Consultez tous les enregistrements de consentement avec date, identifiant de session et choix effectués.
- Exportez les données de consentement au format CSV pour les audits (Pro).
- Générez un rapport de conformité au format PDF (Pro).
- Les données sont automatiquement purgées après la période de conservation (30 jours en Gratuit, 365 jours en Pro).
7. Google Consent Mode v2
CookieOpt prend en charge Google Consent Mode v2 automatiquement. Lorsqu'un visiteur fait un choix, les bons signaux de consentement sont transmis à Google (analytics_storage, ad_storage, etc.).
Cela fonctionne automatiquement dès que le script du bandeau est installé. Aucune configuration supplémentaire n'est nécessaire.
8. Google Tag Manager
Si vous souhaitez charger CookieOpt via Google Tag Manager, créez une balise HTML personnalisée avec le code suivant :
<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>
Définissez le déclencheur sur « Consent Initialization - All Pages » afin que le bandeau se charge avant toutes les autres balises.
Supprimez le script CookieOpt du HTML de votre site web pour éviter les bandeaux en double.
9. Liste blanche d'adresses IP
Vous utilisez un pare-feu, un CDN ou une autre couche de sécurité qui filtre les requêtes entrantes ou sortantes ? Ajoutez alors les adresses IP ci-dessous à votre liste blanche afin que CookieOpt puisse scanner correctement votre site web et que le script du bandeau se charge sans problème.
172.67.217.232
104.21.62.19
Cette liste peut être étendue à l'avenir. Consultez régulièrement cette page pour vérifier les modifications.