ConsentX fonctionne-t-il avec React et Next.js ?

Oui. ConsentX fonctionne sur React et Next.js avec une seule balise de script ajoutée dans l’en-tête du site. La bannière se charge ensuite sur chaque page, bloque les traceurs non essentiels avant le consentement et applique vos règles régionales.

Cela va-t-il ralentir mon site React et Next.js ?

Non. Le chargeur est un petit module servi depuis un cache edge mondial et se charge de façon asynchrone : la bannière est prête avant l’affichage de la page, sans bloquer le rendu.

Dois-je modifier le code de chaque page ?

Non. Vous ajoutez le script une seule fois dans l’en-tête global du site et il s’applique à toutes les pages. Tout le reste (textes de la bannière, catégories, régions, DSAR) se gère depuis votre tableau de bord ConsentX.

Framework

ConsentX pour React & Next.js

Chargez ConsentX dans n’importe quelle application React ou Next.js depuis l’en-tête du document.

En bref

Pour ajouter une bannière de consentement aux cookies à React & Next.js, collez le script ConsentX une seule fois dans l’en-tête de votre site. Dans Next.js, ajoutez le script dans app/layout.tsx à l’intérieur de <head> (ou utilisez next/script avec la stratégie beforeInteractive). Dans une application React simple, ajoutez-le à public/index.html avant </head>. La bannière se charge ensuite sur chaque page, bloque les traceurs non essentiels avant le consentement et applique vos règles DPDPA, GDPR et CCPA définies dans le tableau de bord.

Installer sur React & Next.js

Copiez votre script

Dans ConsentX, ouvrez Install et copiez le script d’intégration de votre compte. Il s’agit d’une petite balise <script> limitée à votre domaine.

Collez-le dans l’en-tête

Dans Next.js : ajoutez le script dans <head> au sein de app/layout.tsx, ou utilisez next/script avec strategy='beforeInteractive'. Dans React simple : ajoutez-le à public/index.html avant </head>.

Publier

Enregistrez et publiez votre site. La bannière de consentement apparaît au chargement suivant.

Configurez dans le tableau de bord

Définissez le design de votre bannière, vos catégories de cookies et vos règles par région dans ConsentX. Les modifications se propagent à votre site en production sans redéploiement.

Obtenez votre script - démarrez gratuitement

Installation en une seule balise

Ajoutez le script une seule fois dans l’en-tête de votre site. La bannière se charge d’elle-même sur chaque page.

Consent Mode v2 + blocage préalable

Les signaux Google sont refusés par défaut et les traceurs non essentiels restent inactifs jusqu’à ce que le visiteur fasse son choix.

Règles par région

Une seule bannière s’adapte au GDPR, à la CCPA, à la LGPD et au DPDPA depuis votre tableau de bord, sans redéploiement.

Questions fréquentes

Autres plateformes

Webflow Framer BigCommerce Magento (Adobe Commerce)Drupal Joomla Ghost HubSpot CMS Static HTML Toutes les intégrations