Sur Wix, l'extrait de code FlowConsent se colle dans Paramètres → Code personnalisé → + Ajouter un code personnalisé, sur Toutes les pages, dans le Head. L'installation tient en trois étapes, mais Wix impose un plan Premium avec un domaine connecté pour le code personnalisé. Le piège principal : la bannière de cookies native de Wix et les Intégrations marketing (Google Tag, Meta Pixel, Google Tag Manager) gèrent leur propre consentement, il faut donc les retirer pour que FlowConsent soit seul aux commandes.
Avant de commencer
- Un compte sur app.flowconsent.com (offre Free gratuite, sans carte bancaire, 25 000 sessions par mois) et une bannière créée puis déployée. Sur l'offre Free, le déploiement passe par votre compte Cloudflare (guide) ; sur Pro et Enterprise, il se fait en un clic.
- Un site Wix publié avec un domaine connecté : c'est la condition affichée par Wix pour ajouter du code personnalisé, et connecter un domaine nécessite un plan Premium.
- Le rôle de propriétaire ou d'administrateur du site, pour accéder aux paramètres.
Étape 1 : copier l'extrait de code
Dans FlowConsent, ouvrez Builder → Déploiement → Intégration, onglet HTML / No-code. L'extrait comporte deux parties, et leur ordre compte :
<script>
// FlowConsent Loader - PLACER AVANT tout autre script dans le <head>
window.dataLayer=window.dataLayer||[];
function gtag(){dataLayer.push(arguments);}
gtag('consent','default',{
'ad_storage':'denied',
'analytics_storage':'denied',
'ad_user_data':'denied',
'ad_personalization':'denied',
'wait_for_update':500
});
gtag('set','url_passthrough',true);
gtag('set','ads_data_redaction',true);
</script>
<!-- FlowConsent CMP -->
<script src="https://VOTRE-CODE-LICENCE.consent.flowconsent.com/cookie-manager.js?code=VOTRE_CODE_LICENCE"></script>Le premier bloc pose les valeurs par défaut Consent Mode v2 (tout denied), le second charge la bannière. Ne séparez jamais les deux blocs.
Étape 2 : l'ajouter dans Paramètres → Code personnalisé
Dans le tableau de bord de votre site Wix :
- Ouvrez Paramètres, puis cliquez sur Code personnalisé dans la section Développement et intégrations.
- Cliquez sur + Ajouter un code personnalisé en haut à droite.
- Collez l'extrait de code dans la zone de texte et donnez-lui un nom reconnaissable, par exemple
FlowConsent. - Sous Ajouter code aux pages, choisissez Toutes les pages, puis l'option qui charge le code sur chaque page qu'ouvre votre visiteur (et non une seule fois par visite).
- Sous Placez le code dans, choisissez Titre : c'est ainsi que l'interface française traduit l'emplacement Head.
- Cliquez sur Appliquer.
Avec Toutes les pages, Wix ajoute aussi le code aux pages que vous créerez plus tard. Si d'autres extraits figurent déjà dans le Head, assurez-vous qu'aucun script de suivi ne se charge avant celui de FlowConsent.
Étape 3 : désactiver la bannière Wix et les intégrations marketing natives
Les Intégrations marketing de Wix (Google Tag pour Google Analytics, Google Tag Manager, Meta Pixel & CAPI, TikTok Pixel) sont injectées par Wix et obéissent au consentement de la bannière Wix, pas à FlowConsent. Une fois la bannière Wix désactivée, elles peuvent se déclencher sans aucun consentement. Retirez-les de Intégrations marketing, puis déclarez les services correspondants dans Builder → Services : la bannière FlowConsent ne les chargera qu'après acceptation.
Notez que Wix indique dans son aide que Google Analytics, Google Tag Manager et les pixels Meta et TikTok ne fonctionnent pas lorsqu'on les colle eux-mêmes comme code personnalisé. Après la bascule, acceptez la bannière sur votre site en ligne et vérifiez que les données arrivent bien dans vos outils.
Vérifier l'installation
- Ouvrez votre site publié en navigation privée : la bannière doit s'afficher.
- Dans l'onglet Réseau des outils de développement, aucune requête vers Google, Meta ou TikTok ne doit partir avant le clic sur « Accepter ».
- Lancez l'assistant d'installation (Builder → Intégration) : il contrôle la page en ligne (loader présent avec votre code de licence, stub Consent Mode présent, stub placé AVANT chaque tag Google). Voir l'assistant d'installation.
- Terminez par un scan de refus depuis l'onglet Conformité : un vrai navigateur refuse le consentement et confirme que rien ne se déclenche. Voir la vérification de conformité.
Le faire depuis votre agent IA (MCP)
FlowConsent dispose d'un serveur MCP officiel, https://mcp.flowconsent.com, utilisable depuis Claude, ChatGPT ou tout client MCP. La connexion se fait en OAuth 2.0 avec votre compte FlowConsent, sans clé d'API. Votre agent peut récupérer l'extrait de code et les consignes de placement (outils get_banner_snippet et get_setup_instructions), vérifier l'installation avec un vrai scan (verify_consent_compliance) et poser une surveillance récurrente (monitor_compliance).
Exemple de demande :
Donne-moi l'extrait de code de ma bannière pour mon site Wix et vérifie qu'il est bien installé sur https://monsite.fr
L'agent ne modifie pas votre site Wix à votre place : il vous fournit l'extrait, les instructions et la vérification. Voir le serveur MCP et la page MCP.
Questions fréquentes
Puis-je installer FlowConsent sur un site Wix gratuit ?
Non. Wix exige un site publié avec un domaine connecté pour ajouter du code personnalisé, et la connexion d'un domaine passe par un plan Premium. Sur un site gratuit en wixsite.com, l'option n'est pas disponible.
Faut-il passer par Google Tag Manager ?
Non. FlowConsent ne se charge pas via GTM, car une bannière chargée depuis GTM arrive trop tard pour le blocage préalable. L'extrait se place dans le Head, au-dessus de tout conteneur GTM, et les balises GTM respectent ensuite les signaux Consent Mode v2. Voir Google Consent Mode.
Pourquoi la bannière n'apparaît-elle pas dans l'éditeur Wix ?
Le code personnalisé ne s'exécute que sur le site publié, sur votre domaine connecté. Testez toujours sur l'adresse en ligne, de préférence en navigation privée.
Mon extrait a disparu des paramètres, que s'est-il passé ?
Le plus souvent, le domaine principal du site a changé : Wix supprime alors les extraits de code personnalisé liés à l'ancien domaine. Recollez l'extrait en suivant l'étape 2.