Installer FlowConsent sur WordPress

Sur WordPress, l'extrait de code FlowConsent se colle dans le champ Header de l'extension WPCode (Code Snippets → Header & Footer), ou, pour les sites développés sur mesure, dans le functions.php d'un thème enfant. L'installation tient en trois étapes : copier l'extrait, le coller, vider le cache. Le piège principal : les extensions de cache ou de minification qui déplacent ou retardent le script, et les extensions Google comme Site Kit qui injectent leur propre gtag au-dessus de la bannière.

Avant de commencer

Un compte sur app.flowconsent.com (offre Free gratuite, sans carte bancaire, jusqu'à 25 000 sessions par mois).
Une bannière créée puis déployée. Sur l'offre Free, le déploiement passe par votre compte Cloudflare (voir le guide Cloudflare) ; sur Pro et Enterprise, il se fait en un clic.
Un accès administrateur à WordPress.

Étape 1 : copier l'extrait de code

Dans FlowConsent, ouvrez Builder → Déploiement → Intégration, onglet HTML / No-code. L'extrait comporte deux parties, dans cet ordre :

Extrait FlowConsent

html

<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 denied de Google Consent Mode v2, le second charge la bannière. Les deux doivent se trouver le plus haut possible dans le <head>, avant tout script de suivi (Google Analytics, Meta Pixel, Google Tag Manager…) : tout ce qui est placé au-dessus échappe au blocage préalable.

Étape 2, méthode recommandée : l'extension WPCode

WPCode (anciennement « Insert Headers and Footers ») est l'extension la plus utilisée pour ce besoin, avec plus de 3 millions d'installations actives.

Depuis le menu Extensions, recherchez WPCode, installez l'extension et activez-la.
Ouvrez Code Snippets → Header & Footer dans le menu de gauche.
Collez l'extrait tout en haut du champ Header, au-dessus de tout code déjà présent (Google Analytics, GTM, pixels).
Enregistrez.

Étape 2, alternative : un thème enfant

Si vous préférez ne pas ajouter d'extension, passez par un thème enfant : modifier directement le thème parent est déconseillé par WordPress, car la prochaine mise à jour effacerait vos changements. Dans le functions.php du thème enfant, accrochez l'extrait au hook wp_head avec la priorité 1, qui s'exécute avant l'impression des scripts mis en file par les extensions (priorité 9) :

wp-content/themes/votre-theme-enfant/functions.php

php

<?php
add_action( 'wp_head', function () {
  ?>
  <!-- Collez ici l'extrait FlowConsent complet (les deux blocs) -->
  <?php
}, 1 );

Évitez l'éditeur de fichiers intégré pour cette modification : il ne fait aucune sauvegarde, et une erreur PHP peut rendre le site inaccessible. Passez par SFTP ou le gestionnaire de fichiers de votre hébergeur.

Étape 3 : vider les caches

Videz le cache de votre extension de cache, celui de l'hébergeur et celui du CDN, sinon les visiteurs continuent de recevoir l'ancienne version des pages, sans bannière.

Les pièges propres à WordPress

Une seule bannière de cookies doit rester active : désactivez toute autre extension de consentement avant de mettre FlowConsent en ligne.

Vérifier l'installation

Ouvrez le site en navigation privée : la bannière s'affiche.
Dans l'onglet Réseau des outils de développement, aucune requête vers Google, Meta ou un autre tiers ne part 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 le guide de l'assistant.
Terminez par un scan de refus depuis l'onglet Conformité (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 récupère l'extrait et les instructions de placement (outils get_banner_snippet et get_setup_instructions), vérifie l'installation par un vrai scan (verify_consent_compliance) et peut poser une surveillance récurrente (monitor_compliance). Il ne modifie pas votre WordPress à votre place : le collage reste de votre côté.

Exemple de demande : « Donne-moi l'extrait de code de ma bannière pour mon site WordPress et vérifie qu'il est bien installé sur https://monsite.fr ».

Voir le guide du serveur MCP et la page FlowConsent MCP.

Questions fréquentes

Puis-je charger FlowConsent via Google Tag Manager ?

Non. Une bannière chargée depuis GTM arrive trop tard pour le blocage préalable. Placez l'extrait dans le <head> au-dessus du conteneur GTM : les balises Google respectent ensuite les signaux Consent Mode v2, et les autres balises demandent les « Paramètres supplémentaires de consentement ». Détails dans le guide Consent Mode.