Gestion du consentement aux cookies¶

Le thème Zer0-Mistakes inclut un système de consentement aux cookies conforme au RGPD/CCPA avec des contrôles d'autorisation granulaires.

Le site avec la bannière de consentement aux cookies fixée en bas — « Nous respectons votre vie privée » avec les actions Gérer les cookies, Tout refuser et Tout accepter

La bannière apparaît jusqu'à ce qu'un visiteur fasse un choix ; « Gérer les cookies » ouvre une fenêtre modale pour des bascules granulaires d'analyse/marketing. Le consentement conditionne le chargement des outils d'analyse, de sorte que rien n'est suivi tant que le visiteur n'a pas donné son accord.

Vue d'ensemble¶

Le système de consentement aux cookies offre :

Conformité en matière de confidentialité : conforme au RGPD et au CCPA
Contrôles granulaires : options de consentement par catégorie
Stockage persistant : persistance du consentement pendant 365 jours
Intégration Bootstrap : interface modale native

Démarrage rapide¶

Activer le consentement aux cookies¶

La bannière de consentement est incluse automatiquement. Configurez-la dans _config.yml :

cookie_consent:
  enabled: true
  categories:
    - necessary
    - analytics
    - marketing

Fonctionnement¶

Flux de consentement¶

graph TD
    A[User Visits Site] --> B{Has Consent?}
    B -->|No| C[Show Banner]
    B -->|Yes| D[Load Allowed Scripts]
    C --> E[User Chooses]
    E --> F[Store Preferences]
    F --> D

Catégories de cookies¶

Catégorie	Objectif	Requis
`necessary`	Fonctionnalité essentielle	Oui
`analytics`	Suivi d'utilisation (PostHog, GA)	Non
`marketing`	Publicité, suivi	Non
`preferences`	Paramètres utilisateur	Non

Configuration¶

Configuration de base¶

cookie_consent:
  enabled: true
  position: bottom  # bottom, top
  theme: light      # light, dark, auto
  expires: 365      # days

Configuration des catégories¶

cookie_consent:
  categories:
    necessary:
      name: "Essential"
      description: "Required for the website to function"
      required: true
    analytics:
      name: "Analytics"
      description: "Help us understand how you use our site"
      required: false
      default: false

Intégration avec les outils d'analyse¶

# PostHog only loads with analytics consent
posthog:
  enabled: true
  require_consent: true

# Google Analytics with consent
google_analytics:
  tracking_id: UA-XXXXXXXX-X
  require_consent: true

Personnalisation de la bannière¶

Contenu textuel¶

cookie_consent:
  text:
    message: "We use cookies to improve your experience."
    accept: "Accept All"
    decline: "Decline"
    settings: "Cookie Settings"
    save: "Save Preferences"

Mise en forme¶

Remplacez les styles dans votre CSS :

/* Custom banner styling */
.cookie-consent-banner {
  background: var(--bs-dark);
  color: var(--bs-light);
}

.cookie-consent-btn {
  border-radius: var(--bs-border-radius);
}

API JavaScript¶

Vérifier le consentement¶

// Check if category is consented
if (CookieConsent.hasConsent('analytics')) {
  // Load analytics
}

// Get all consents
const consents = CookieConsent.getConsents();

Écouter les changements¶

document.addEventListener('cookieConsent:update', function(e) {
  const { category, consented } = e.detail;
  console.log(`${category}: ${consented}`);
});

Contrôle programmatique¶

// Show settings modal
CookieConsent.showSettings();

// Revoke all consent
CookieConsent.revokeAll();

// Grant specific category
CookieConsent.grant('analytics');

Intégration de la politique de confidentialité¶

Reliez votre politique de confidentialité :

cookie_consent:
  privacy_policy: /privacy-policy/
  show_policy_link: true

La bannière de consentement inclura un lien vers votre politique de confidentialité.

Fonctionnalités de conformité¶

Exigences du RGPD¶

✅ Consentement préalable avant les cookies non essentiels
✅ Choix granulaires par catégorie
✅ Retrait facile du consentement
✅ Informations claires sur la confidentialité
✅ Aucune case pré-cochée

Exigences du CCPA¶

✅ Option « Ne pas vendre »
✅ Lien vers l'avis de confidentialité
✅ Mécanisme de désinscription
✅ Enregistrement du consentement

Bonnes pratiques¶

Cookies essentiels uniquement¶

N'exigez jamais de consentement pour :

Les cookies de session
Les jetons d'authentification
La protection CSRF
La répartition de charge

Descriptions claires¶

categories:
  analytics:
    description: |
      We use analytics cookies to understand how you use our site.
      This helps us improve your experience. We use PostHog, which
      is privacy-focused and GDPR compliant.

Audits réguliers¶

Examinez l'utilisation des cookies chaque trimestre
Mettez à jour les descriptions des catégories
Testez le flux de consentement
Vérifier le blocage des scripts

Dépannage¶

La bannière ne s'affiche pas¶

Vérifier cookie_consent.enabled: true
Effacer les cookies du navigateur
Vérifier que l'include est présent

Les scripts se chargent sans consentement¶

Encapsuler les scripts dans des vérifications de consentement
Utiliser des includes conditionnels
Vérifier les exigences de catégorie

Le consentement ne persiste pas¶

Vérifier l'expiration des cookies
Vérifier l'accès à localStorage
Tester en navigation privée

Ressources associées¶

Voir aussi¶

[[Features]]
[[PostHog Analytics]]
[[Google Analytics]]