Menu de la documentation
Bannière et déclaration
Configurer la bannière CookieHug : modèle de consentement, vue après consentement, lien vers les paramètres des cookies, interface personnalisée et déclaration de cookies.
Personnalisation de la bannière
Configuration depuis le tableau de bord
L'apparence de la bannière est entièrement configurable depuis le tableau de bord CookieHug : couleurs (fond, texte, boutons), position (bas, haut, modale centrée), textes et descriptions, réglages de police et logo.
Modèle de consentement (opt-in / opt-out / information seule)
Domaine → Avancé → Politique de consentement définit la manière dont la bannière traite un visiteur qui n'a pas encore décidé :
| Modèle | Comportement avant la décision |
|---|---|
| Opt-in (par défaut) | Rien ne s'exécute sans consentement : les scripts non essentiels restent bloqués et tous les signaux Google Consent Mode démarrent sur denied. C'est le modèle adapté à l'EEE (RGPD). |
| Opt-out | Le consentement est présumé : les signaux démarrent sur granted et les scripts s'exécutent, mais le visiteur peut s'y opposer à tout moment. À utiliser là où la loi le permet (p. ex. certaines parties des États-Unis). |
| Information seule | La bannière informe uniquement — il n'y a pas de choix et seuls les cookies nécessaires sont utilisés. La décision est enregistrée avec method: "notice_only" dans le cookie de consentement. |
Le modèle détermine l'état initial des interrupteurs de catégorie, les boutons affichés dans la bannière et les valeurs par défaut de Google Consent Mode. Avec les règles régionales (geo-IP), vous pouvez conserver l'opt-in en Europe et servir l'opt-out ou l'information seule dans d'autres régions du monde.
Vue de la bannière après le consentement
Domaine → Avancé → Politique de consentement → vue de la bannière après consentement contrôle ce que voit un visiteur ayant déjà décidé lorsque la bannière est rouverte :
- Résumé (par défaut, recommandé au titre de l'art. 7(3) du RGPD) — affiche l'identifiant du consentement, la date et l'état des catégories, avec deux boutons : retirer le consentement / modifier le consentement. Le retrait doit être aussi simple que le consentement, et cette vue le réduit à un seul clic.
- Éditeur — la réouverture mène directement à l'éditeur de catégories (le parcours classique).
- Aucune — la bannière ne se rouvre jamais d'elle-même ; les visiteurs y accèdent via l'icône flottante ou un appel à
CookieHug.show().
Interface de consentement personnalisée
Construisez votre propre interface avec submitCustomConsent() :
document.getElementById('my-accept-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(true, true, true);
});
document.getElementById('my-reject-all')
.addEventListener('click', function() {
CookieHug.submitCustomConsent(false, false, false);
});
document.getElementById('my-save')
.addEventListener('click', function() {
var prefs = document.getElementById('pref-checkbox').checked;
var stats = document.getElementById('stats-checkbox').checked;
var mktg = document.getElementById('mktg-checkbox').checked;
CookieHug.submitCustomConsent(prefs, stats, mktg);
});Déclaration de cookies
Intégrer la déclaration
Pour afficher un tableau de déclaration des cookies sur votre site (par exemple sur une page « Politique cookies »), ajoutez un <div> avec l'id cookiehug-declaration :
<div id="cookiehug-declaration"></div>CookieHug remplira automatiquement cet élément avec un tableau, classé par catégories, de tous les cookies trouvés sur votre domaine.
Analyse automatique
CookieHug analyse périodiquement votre site et classe les cookies automatiquement. Vous pouvez aussi lancer une analyse manuelle depuis le tableau de bord.
Gestion manuelle des cookies
Depuis le tableau de bord CookieHug, vous pouvez : ajouter des cookies manuellement, modifier leurs descriptions et catégories, renseigner la durée de vie et affecter les cookies à des catégories (nécessaires, préférences, statistiques, marketing).