Documentation FitConsent CMP
Guide complet d'installation et de configuration de FitConsent CMP. Installez des bannières de consentement aux cookies, configurez Google Consent Mode V2 et Microsoft UET, et conformez-vous au RGPD, CCPA et à plus de 15 réglementations mondiales.
Introduction
Bienvenue dans la documentation de la Plateforme de gestion du consentement (CMP) FitConsent. Ce guide couvre tout ce dont vous avez besoin pour installer, configurer et tirer le meilleur parti de FitConsent — de votre première balise script jusqu'à la gestion avancée des données de consentement.
Qu'est-ce qu'une Plateforme de gestion du consentement (CMP) ?
Une Plateforme de gestion du consentement (CMP) est un outil qui aide les sites web à collecter et gérer légalement le consentement des utilisateurs pour le traitement des données, une exigence imposée par les lois sur la vie privée comme le RGPD en Europe et le CCPA/CPRA en Californie. Elle alimente les bannières de cookies que vous voyez sur les sites web du monde entier.
FitConsent va au-delà d'une simple bannière. Il fournit les outils nécessaires pour se conformer à la loi et construire la confiance des utilisateurs en optimisant l'expérience de consentement. Notre service inclut un support complet et automatique pour Google Consent Mode V2 et Microsoft UET Consent Mode, garantissant que vos balises analytics et marketing adaptent leur comportement en fonction du consentement de l'utilisateur.
Fonctionnalités Clés
Intégration automatique de Google Consent Mode V2 et Microsoft UET Consent Mode
Support de 16 cadres réglementaires mondiaux : RGPD, CCPA, TCF, ePrivacy, UCPA, VCDPA, CTDPA, LGPD, PIPEDA, APPI, PDPA, APA-NZPA, FADP, POPIA, et plus
Plus de 100 langues prises en charge avec détection automatique de la langue
Optimiseur de bannière propulsé par l'IA (plans Pro+)
Déclaration de stockage (tableau de cookies) pour les pages de politique de confidentialité
Bouton déclencheur flottant pour que les utilisateurs puissent mettre à jour leur consentement à tout moment
Aperçu en direct en temps réel dans le tableau de bord
Outil de diagnostic intégré pour vérifier la bonne installation
Installation & Configuration
L'intégration de FitConsent est conçue pour être rapide et simple. Choisissez la méthode qui convient le mieux à votre plateforme.
Prérequis
Avant de commencer, assurez-vous d'avoir :
Créé un compte FitConsent et enregistré votre site web dans le tableau de bord
Votre Identifiant de site web unique (disponible sur la page de configuration de votre site)
Déterminé quel cadre réglementaire s'applique à votre audience
Intégration Directe
Pour les sites HTML standard, copiez le code ci-dessous et collez-le dans la section <head> aussi haut que possible — avant tout script Google Analytics, Google Ads ou Microsoft UET.
<!-- FitConsent CMP : Définir les consentements par défaut AVANT tous les autres scripts -->
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
window.uetq = window.uetq || [];
// Consentement par défaut : refusé jusqu'à l'interaction de l'utilisateur
gtag('consent', 'default', {
'ad_storage': 'denied',
'ad_user_data': 'denied',
'ad_personalization': 'denied',
'analytics_storage': 'denied'
});
window.uetq.push('consent', 'default', { 'ad_storage': 'denied' });
</script>
<!-- Chargez vos autres scripts ici (Google Analytics, UET, etc.) -->
<!-- Bannière FitConsent : met à jour le consentement selon l'interaction utilisateur -->
<script async defer src="https://app.fitconsent.com/api/banner?websiteId=VOTRE_WEBSITE_ID"></script>Remplacez VOTRE_WEBSITE_ID par votre identifiant de site web réel depuis le tableau de bord. Ce script doit apparaître avant tout tag qui lit ou pose des cookies.
Google Tag Manager (Recommandé)
L'utilisation du modèle communautaire GTM officiel FitConsent est la méthode d'installation recommandée. Il gère correctement les valeurs de consentement par défaut et s'intègre à la fonctionnalité Aperçu du consentement de GTM.
Étape 1 : Activer l'Aperçu du consentement
1. Dans votre espace de travail GTM, cliquez sur l'onglet "Admin".
2. Sous la colonne "Conteneur", cliquez sur "Paramètres du conteneur".
3. Cochez "Activer l'aperçu du consentement" et cliquez sur "Enregistrer".
Étape 2 : Ajouter le modèle FitConsent
1. Allez dans "Modèles" > "Modèles de balises" > "Rechercher dans la galerie".
2. Recherchez "FitConsent" et cliquez sur "Ajouter à l'espace de travail".
3. Acceptez l'invite d'autorisations.
Étape 3 : Créer la balise "Consentement par défaut Google"
1. Allez dans "Balises" > "Nouvelle", nommez-la "FitConsent – Consentement par défaut".
2. Choisissez "FitConsent" comme type de balise.
3. Dans le menu déroulant "Type de balise", sélectionnez "Google Consent Default".
4. Saisissez votre identifiant de site web dans le champ "FitConsent Website ID".
5. Définissez le déclencheur sur "Initialisation du consentement – Toutes les pages".
6. Enregistrez la balise.
Étape 4 : Créer la balise "Chargeur de bannière"
1. Créez une nouvelle balise nommée "FitConsent – Chargeur de bannière".
2. Choisissez "FitConsent" comme type de balise (par défaut sur "FitConsent Banner Loader").
3. Saisissez votre identifiant de site et définissez le déclencheur sur "Initialisation du consentement – Toutes les pages".
4. Enregistrez la balise.
Étape 5 : Configurer Votre Balise Google
Si vous avez déjà une balise Google (GA4) : modifiez la balise > "Paramètres avancés" > "Paramètres du consentement" > sélectionnez "Aucun consentement supplémentaire requis".
Étape 6 : Gérer les scripts tiers
Pour des scripts comme Microsoft Clarity ou Meta Pixel : modifiez la balise > "Paramètres avancés" > "Paramètres du consentement" > "Exiger un consentement supplémentaire pour déclencher la balise" > ajoutez analytics_storage ou ad_storage selon le cas.
Cliquez sur "Soumettre" et "Publier" votre conteneur GTM.
Plugin WordPress
FitConsent est disponible en tant que plugin officiel sur WordPress.org. Il offre une compatibilité automatique avec la WP Consent API, la norme utilisée par Google Site Kit pour l'intégration du mode de consentement.
Installation via le tableau de bord WordPress
1. Allez dans "Extensions" > "Ajouter".
2. Recherchez "FitConsent CMP" et cliquez sur "Installer maintenant", puis "Activer".
Configuration post-installation
1. Allez dans "Réglages" > "FitConsent".
2. Saisissez votre identifiant de site web FitConsent.
3. Cliquez sur "Enregistrer les modifications".
Si vous utilisez Google Site Kit, activez le "Mode de consentement" dans ses réglages. FitConsent communique automatiquement avec Site Kit via la WP Consent API — aucune configuration supplémentaire n'est nécessaire.
Autres Plateformes
FitConsent fonctionne avec n'importe quelle plateforme permettant du HTML ou JavaScript personnalisé (Shopify, Drupal, Webflow, etc.). Utilisez l'intégration GTM si disponible, sinon la méthode d'intégration directe.
Configurer Votre Bannière
Toute la configuration est gérée depuis le tableau de bord FitConsent. Ouvrez la page de configuration de votre site web pour accéder à tous les paramètres. Les modifications sont prévisualisées en temps réel dans le panneau de droite.
Paramètres Généraux
Domaine : Le domaine de votre site web (ex. : example.com).
Identifiant Google Analytics : Entrez votre identifiant GA4 (ex. : G-XXXXXXXXXX) pour activer les rapports de diagnostic avancés.
Cadre réglementaire : Choisissez le cadre de confidentialité applicable à vos visiteurs.
| Cadre | Meilleur Pour | Région |
|---|---|---|
| Auto | Applique automatiquement le RGPD ou CCPA selon la localisation | Mondial |
| RGPD | Règlement Général sur la Protection des Données | Union Européenne / EEE |
| CCPA | California Consumer Privacy Act | Californie, États-Unis |
| ePrivacy | Directive ePrivacy (loi sur les cookies) | Union Européenne |
| TCF | Cadre de transparence et de consentement IAB | Éditeurs et réseaux publicitaires |
| UCPA | Utah Consumer Privacy Act | Utah, États-Unis |
| VCDPA | Virginia Consumer Data Protection Act | Virginie, États-Unis |
| CTDPA | Connecticut Data Privacy Act | Connecticut, États-Unis |
| LGPD | Lei Geral de Proteção de Dados du Brésil | Brésil |
| PIPEDA | Loi canadienne sur la protection des renseignements personnels | Canada |
| APPI | Loi japonaise sur la protection des informations personnelles | Japon |
| PDPA | Loi thaïlandaise sur la protection des données personnelles | Thaïlande |
| APA-NZPA | Lois sur la vie privée australienne et néo-zélandaise | Australie / Nouvelle-Zélande |
| FADP | Loi fédérale suisse sur la protection des données | Suisse |
| POPIA | Loi sud-africaine sur la protection des informations personnelles | Afrique du Sud |
| Aucun | Aucun cadre automatique — contrôle entièrement manuel | Tout |
Pour les sites web servant une audience internationale, sélectionnez "Auto". FitConsent affichera automatiquement la bannière RGPD pour les visiteurs européens et CCPA pour les visiteurs californiens.
Géociblage : Choisissez qui voit la bannière :
Aucun — Tous les visiteurs voient la bannière
RGPD — Seuls les visiteurs des pays de l'UE/EEE voient la bannière
Domaines Supplémentaires
Disponible sur les plans Pro Large et Business. Les domaines supplémentaires vous permettent de charger la même bannière sur jusqu'à 5 domaines supplémentaires — utile pour les environnements de staging, les domaines régionaux ou les configurations multi-marques.
Pour ajouter un domaine supplémentaire :
1. Ouvrez la page de configuration de votre site web dans le tableau de bord.
2. Allez dans l'onglet Paramètres généraux.
3. Faites défiler jusqu'à la carte Domaines supplémentaires.
4. Cliquez sur Ajouter un domaine et saisissez le nom d'hôte sans préfixe (ex. : staging.example.com ou mabrand.fr) — sans https:// ni barre oblique finale.
5. Répétez jusqu'à 5 domaines, puis enregistrez votre configuration.
Si la section Domaines supplémentaires apparaît verrouillée malgré un plan Pro Large ou Business, contactez le support — votre abonnement n'est peut-être pas encore correctement appliqué à ce site web.
Mode de Consentement
Mode Avancé (Recommandé)
Le Mode Avancé est la configuration par défaut et recommandée. Les balises Google se chargent immédiatement mais opèrent avec une collecte de données restreinte jusqu'à l'obtention du consentement.
Avant le consentement : Les balises envoient des "pings anonymes sans cookies" — aucun cookie d'identification n'est posé.
Après le consentement : La collecte complète de données est activée selon les choix de l'utilisateur.
Avantage clé : Active la Modélisation des conversions de Google, qui récupère les données d'attribution perdues des utilisateurs qui refusent les cookies.
Mode Basique (Blocage Strict)
En Mode Basique, tous les scripts de suivi sont complètement bloqués jusqu'à ce que l'utilisateur donne son consentement. Idéal pour les politiques de confidentialité très strictes.
<!-- Script bloqué pour le Mode Basique -->
<script
type="text/plain"
data-cookieconsent="analytics"
async
src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXX">
</script>Correspondance des catégories :
analytics → Google Analytics (GA4), Microsoft Clarity
marketing → Google Ads, Meta Pixel, LinkedIn
functional → Chatbots, outils de personnalisation
| Fonctionnalité | Mode Basique | Mode Avancé |
|---|---|---|
| Balises Google | Bloquées jusqu'au consentement | Chargées immédiatement (restreintes) |
| Données avant consentement | Zéro données | Pings sans cookies (modélisation) |
| Niveau de confidentialité | Le plus strict | Conforme RGPD / DMA |
| Modélisation des conversions | Non disponible | Disponible |
Apparence
Mise en page & Animation
Type : Bannière (barre horizontale) ou Dialogue (superposition centrée)
Position : Bas, Haut, Bas-Gauche, Bas-Droite, Haut-Gauche, Haut-Droite, Centre
Style d'animation : Spring (élastique), Slide (glissement), Fade (fondu), Aucune
Accent de bordure : Aucun, Haut, Gauche (bande colorée), Dégradé
Typographie
Police : Inter, DM Sans, Plus Jakarta Sans, Nunito, Outfit, Lato, Poppins, Raleway, Merriweather, Playfair Display, Source Code Pro
Alignement du titre : Gauche, Centre, Droite
Forme & Élévation
Rayon de bordure : Aucun, SM, MD, LG, XL, 2XL
Rayon des boutons : Aucun, SM, MD, LG, XL, Complet
Élévation (ombre) : Aucune, SM, MD, LG, XL
Couleurs
Chaque couleur supporte les modes clair et sombre indépendamment :
Couleur du texte, Couleur du titre, Couleur d'arrière-plan
Couleur des boutons, Couleur du texte des boutons, Couleur de bordure des boutons
Couleur du séparateur, Couleur de l'onglet actif, Couleur de l'onglet inactif
Logo & Image de fond
URL du logo : Affichez votre logo d'entreprise sur la bannière.
Image de fond : Définissez des images séparées pour les modes Bureau Clair, Bureau Sombre, Mobile Clair et Mobile Sombre.
Contenu & Langues
Modifiez tous les textes affichés dans la bannière et le modal de préférences. Chaque champ de texte prend en charge plusieurs langues — ajoutez des traductions pour chaque langue que votre site sert.
Champs de texte configurables :
En-tête de la bannière
Message de la bannière (supporte le Markdown : gras, *italique*, [lien](url))
Libellé du bouton "Tout accepter"
Libellé du bouton "Refuser"
Libellé du bouton "Gérer les préférences"
Titre du modal de préférences
Description du modal de préférences
Libellé du bouton "Enregistrer les préférences"
Libellé de l'onglet Consentement, Préférences, Déclaration de stockage
Paramètres de Comportement
Boutons
Activer le bouton Refuser : Afficher ou masquer l'option "Refuser" (requis pour la conformité RGPD stricte).
Activer le bouton Gérer : Afficher ou masquer l'option "Gérer les préférences".
Catégories de Consentement
Nécessaire (toujours actif) : Cookies essentiels au fonctionnement du site
Analytics : Analyses et performances du site
Marketing : Publicité et reciblage
Fonctionnel : Personnalisation et fonctionnalités améliorées
Vente de données (CCPA/LGPD/UCPA/CTDPA) : Ajouté automatiquement quand "Vente de données" est activé
Bouton Déclencheur Flottant
Un petit bouton persistant qui reste visible après la fermeture de la bannière, permettant aux utilisateurs de mettre à jour leurs préférences à tout moment.
Activer : Activer ou désactiver le déclencheur flottant.
Position : Bas-Gauche ou Bas-Droite.
Couleurs : Personnalisez la couleur d'arrière-plan et l'icône pour les modes clair et sombre.
Marque
Supprimez le badge "Propulsé par FitConsent" de la bannière. Cette fonctionnalité est disponible sur les plans premium.
Déclaration de Cookies
Activé : Affiche un onglet de déclaration de stockage dans le modal de gestion des préférences.
Position : En ligne (dans le modal) ou Modal (dans une boîte de dialogue séparée).
Paramètres Spécifiques CCPA
Lien "Ne pas vendre" : URL vers votre page "Ne pas vendre mes informations personnelles".
Lien "Limiter l'utilisation" : URL vers votre page "Limiter l'utilisation de mes informations personnelles sensibles".
Vente de données : Indiquez si votre site vend ou partage des données personnelles avec des tiers.
Optimiseur IA
Disponible sur les plans Pro+. L'optimiseur IA analyse le contenu, la marque et l'audience cible de votre site pour suggérer des combinaisons de couleurs optimales, des textes de bannière recommandés et des améliorations de mise en page.
Déclaration de Stockage
FitConsent peut afficher un tableau mis à jour automatiquement de tous les cookies, localStorage, sessionStorage et autres éléments de stockage utilisés par votre site web. Intégrez-le sur votre page de politique de confidentialité.
HTML Standard
<div id="fitconsent-declaration"></div>
<script async defer src="https://app.fitconsent.com/api/declaration?websiteId=VOTRE_WEBSITE_ID"></script>React & Next.js
Pour éviter les erreurs d'hydratation, chargez le script côté client avec un hook useEffect.
'use client';
import { useEffect } from 'react';
type Props = {
websiteId: string;
};
export function StorageDeclarationEmbed({ websiteId }: Props) {
useEffect(() => {
const script = document.createElement('script');
script.src = `https://app.fitconsent.com/api/declaration.js?websiteId=${websiteId}`;
script.async = true;
script.defer = true;
const container = document.getElementById('fitconsent-declaration');
if (container) {
container.appendChild(script);
}
return () => {
if (container && container.contains(script)) {
container.removeChild(script);
}
};
}, [websiteId]);
return <div id="fitconsent-declaration"></div>;
}Cette approche garantit que le script est chargé et exécuté en toute sécurité côté client, évitant tout conflit avec le cycle de rendu React.
Utilisation Avancée
Utiliser les Données de Consentement
Après l'interaction de l'utilisateur avec la bannière, FitConsent stocke ses choix dans un cookie nommé fitconsent_given.
Structure du Cookie
{
"choices": {
"necessary": true,
"analytics": true,
"marketing": false
},
"geo": {
"country": "FR",
"state": null
}
}choices : Un objet où chaque clé est une catégorie de consentement et la valeur est true (accepté) ou false (refusé).
geo : Contient la localisation géographique de l'utilisateur au moment du consentement.
Lecture du Consentement côté Client
function getFitConsentChoices() {
const cookie = document.cookie
.split('; ')
.find(row => row.startsWith('fitconsent_given='));
if (!cookie) return null;
try {
return JSON.parse(decodeURIComponent(cookie.split('=')[1]));
} catch {
return null;
}
}
const consent = getFitConsentChoices();
if (consent?.choices?.analytics) {
// Initialiser votre script d'analyse
}Détection Automatique de la Langue
La bannière FitConsent détecte automatiquement la langue préférée de l'utilisateur selon cet ordre de priorité :
1. L'attribut lang de la balise <html> (ex. : <html lang="fr">). C'est la méthode la plus fiable.
2. Le paramètre navigator.language du navigateur.
3. Retourne à l'anglais (en) ou à la première langue de votre liste configurée.
Pour de meilleurs résultats sur les sites multilingues, assurez-vous que l'attribut <html lang="..."> reflète fidèlement la langue de la page affichée.
Outil de Diagnostic
Utilisez l'outil de diagnostic intégré dans votre page de configuration FitConsent pour vérifier que la bannière est correctement installée. L'outil analyse votre site et signale : la détection du script de bannière, le statut des valeurs par défaut du mode de consentement, le statut d'intégration des balises Google, et les problèmes détectés avec des recommandations.
Migration : Mode Avancé → Mode Basique
1. Changez votre configuration FitConsent en "basique".
2. Supprimez le bloc script "Consentement par défaut" de votre <head>.
3. Ajoutez type="text/plain" et data-cookieconsent="..." à toutes vos balises de suivi.
4. Effacez vos cookies et retestez.
Après le passage en Mode Basique, vous perdrez toutes les données pré-consentement, y compris les données de modélisation anonyme. Cela ne peut pas être récupéré rétroactivement.
Ready to simplify your compliance?
Implement a reliable Consent Management Platform (CMP) today and ensure you stay compliant with all global regulations.
Start Your Free Trial