Vous avez déjà une bannière cookies avec Cookiebot, OneTrust, Termly, iubenda, Klaro, Axeptio, Didomi ou une autre CMP, et vous voulez passer à FlowConsent. Ce guide vous accompagne sans casser votre mesure d'audience ni votre conformité.
Avant de commencer
Préparez :
- La liste des services tiers actuellement présents sur votre site (votre ancienne CMP permet sûrement de l'exporter)
- Les catégories que vous utilisez aujourd'hui (nécessaires, mesure d'audience, marketing, préférences, ou découpage personnalisé)
- L'accès au
<head>de votre site (gabarit, CMS ou gestionnaire de balises) - Un peu plus de temps que pour une installation neuve : une migration demande quelques vérifications en plus
1. Créer votre bannière FlowConsent
Inscrivez-vous sur app.flowconsent.com et créez une bannière pointant sur votre site. FlowConsent scanne la page et détecte les services tiers automatiquement.
Ne déployez pas tout de suite. Gardez votre ancienne bannière active jusqu'à l'étape 4.
2. Réconcilier la liste des services
Ouvrez l'onglet Services dans l'éditeur (Builder). Comparez-le à la liste de votre ancienne CMP :
- Pour chaque service que le scan automatique n'a pas repéré, cliquez sur + Ajouter un service et configurez-le à la main
- Pour chaque service détecté que vous n'utilisez plus, archivez-le
- Vérifiez la catégorie de chaque service par rapport à votre configuration précédente. Si votre marketing était découpé en sous-catégories (par exemple « publicité » et « reciblage »), utilisez l'onglet Cookie list pour ajouter une catégorie personnalisée
3. Reprendre l'apparence et les textes
Ouvrez Style pour reprendre votre identité visuelle existante :
- Mise en page (la plupart des CMP proposent par défaut une barre basse ou une fenêtre modale : choisissez la même)
- Couleur primaire et couleur d'accent de votre bannière actuelle
- Arrondi des angles, police, forme des boutons
Puis Information et Translations pour les textes. Si vous aviez peaufiné les formulations de votre ancienne bannière, collez-les telles quelles. FlowConsent n'impose pas une formulation particulière.
Important : gardez les boutons Accepter et Refuser de taille égale. La CNIL et le CEPD l'exigent : si votre ancienne bannière avait un petit lien « Refuser » ou un bouton caché, c'est l'occasion de corriger.
4. Déployer et remplacer l'extrait de code
Dans l'onglet Deployment, déployez votre bannière FlowConsent. Copiez l'extrait de code :
<!-- FlowConsent CMP -->
<script src="https://VOTRE-CODE-LICENCE.consent.flowconsent.com/cookie-manager.js?code=VOTRE_LICENSE_CODE"></script>Dans le <head> de votre site :
- Supprimez complètement l'extrait de code de l'ancienne CMP (le
cd.cookiebot.com/uc.jsde Cookiebot, leoptanon.blob.core.windows.netde OneTrust, etc.) - Collez l'extrait de code FlowConsent au même endroit : le plus haut possible dans
<head>, avant tout script de suivi - Déployez votre site
Si votre ancienne CMP encapsulait vos scripts de suivi (par exemple l'attribut data-cookieconsent="statistics" de Cookiebot), laissez ces attributs en place : FlowConsent suit la même convention via data-service. Vous pouvez vérifier service par service dans l'onglet Services.
5. Vérifier avant et après
En navigation privée sur votre site :
- La bannière apparaît à la première visite
- L'onglet Réseau est propre avant de cliquer sur Accepter : pas de GA, pas de Meta Pixel, pas de HubSpot
- Cliquez sur Tout accepter → les scripts de suivi se déclenchent comme prévu
- Rechargez → plus de bannière, le suivi continue de fonctionner
- Ouvrez Analytics → Sessions dans votre tableau de bord FlowConsent : la session de test apparaît après quelques instants
Si quelque chose ne va pas, consultez le guide de dépannage ou regardez l'onglet Logs de la bannière pour les erreurs de déploiement.
6. Migrer les enregistrements historiques (optionnel)
Si vous devez garder une trace des consentements passés pour des raisons d'audit, FlowConsent n'importe pas automatiquement les enregistrements d'une autre CMP. Deux options :
- Conservez l'export de votre ancienne CMP en archive (la plupart proposent un export CSV). Cela reste une preuve valide sous le RGPD.
- Offres Pro et Enterprise : contactez [email protected] pour un import assisté. Nous acceptons les exports Cookiebot, OneTrust, Termly et iubenda.
Pièges fréquents
- Utilisateurs de Google Tag Manager : si votre ancienne CMP déclenchait des balises via un événement personnalisé (par exemple
cookieconsent_accepted), mettez à jour le déclencheur pour écouter l'événement FlowConsent. Voir l'API JS pour les noms d'événements. - Sites avec service worker : purgez le cache du service worker après déploiement. Certaines PWA gardent longtemps en cache l'ancien script de CMP.
- Sites avec CSP : ajoutez le domaine du worker FlowConsent à la directive
script-srcde votre Content-Security-Policy. Le domaine exact dépend de l'offre :consent.flowconsent.com(Pro et Enterprise) ouvotre-worker.workers.dev(Free). - Sites multilingues : si votre ancienne CMP détectait automatiquement la langue de l'utilisateur, configurez la même chose dans Information → Méthode de détection pour ne pas afficher la mauvaise langue.
Résilier l'abonnement à l'ancienne CMP
Une fois que votre bannière FlowConsent est en production depuis au moins 7 jours sans souci de conformité, vous pouvez résilier votre ancienne CMP. Beaucoup de fournisseurs imposent un préavis : vérifiez votre contrat.