React / Next.js + plugins Strapi v5 et v4

Cookie Consent

Consentement cookies RGPD complet et gratuit pour React / Next.js et Strapi : Google Consent Mode V2, conformité CNIL, accessibilité WCAG 2.1 AA et preuve de consentement journalisée.

Voir sur npmCode source sur GitHub
Illustration d'un cookie posé sur une plateforme avec un bouclier de protection et des interrupteurs de consentement

La plupart des outils de consentement sont des SaaS payants (Axeptio, Cookiebot, OneTrust) ou des bandeaux purement côté client, sans preuve de consentement. Cette solution open source couvre toute la chaîne sans service tiers ni abonnement.

Le bandeau et la fenêtre de préférences s'intègrent côté React, et le plugin Strapi journalise chaque choix de consentement dans une collection dédiée, créée automatiquement.

Fonctionnalités

  • Bandeau et fenêtre de préférences React entièrement accessibles au clavier (dialogue modal, piège de focus, fermeture par Échap)

  • Google Consent Mode V2 (Advanced) intégré, avec le mapping correct des signaux par catégorie

  • Conformité CNIL : expiration à 13 mois, aucune case pré-cochée, bouton Tout refuser aussi visible que Tout accepter, IP anonymisée

  • Cookie first-party uniquement, aucun cookie tiers avant consentement explicite

  • Plugin Strapi de journalisation : collection créée automatiquement, endpoint public POST configuré et limité en débit, lecture réservée aux admins

  • Façades pour contenus bloqués : YouTube (domaine nocookie), Google Maps et composant générique, avec activation en un clic

  • Hook useConsent pour piloter le consentement depuis vos composants (accepter, refuser, ouvrir les préférences, interroger une catégorie)

  • Personnalisation visuelle par variables CSS

  • Accessibilité WCAG 2.1 AA : contrastes d'au moins 4.5:1, cibles tactiles d'au moins 44 par 44 pixels, navigation clavier complète

Compatibilité

  • React 18 ou supérieur, Next.js App Router
  • Strapi v5 (^5.0.0) via strapi-plugin-cookie-consent
  • Strapi v4 (^4.0.0) via strapi-plugin-cookie-consent-v4

Installation

Composants React

npm install @isomorph-agency/cookie-consent

Plugin Strapi v5

npm install strapi-plugin-cookie-consent

Plugin Strapi v4

npm install strapi-plugin-cookie-consent-v4

Packages npm

PackageVersionRôle
@isomorph-agency/cookie-consent1.0.5Composants React et coeur TypeScript
strapi-plugin-cookie-consent1.0.3Plugin Strapi v5
strapi-plugin-cookie-consent-v41.0.2Plugin Strapi v4

Nos autres plugins

Illustration de bulles de conversation en fil de discussion protégées par un bouclier de modération

Plugin Strapi v5

Comments

Voir la fiche

Illustration d'un maillon de chaîne reliant deux pages web par un flux de données

Custom Field Strapi v5

Link

Voir la fiche