Comment ajouter Google Analytics à Webflow (et corriger les erreurs)

Comment ajouter Google Analytics à Webflow

Vous ajoutez Google Analytics à Webflow en collant votre Measurement ID GA4, celui qui commence par G-, dans Site settings > onglet Integrations > Google Analytics, puis en publiant votre site pour que le suivi devienne actif. C’est cette intégration native qui permet à Webflow d’injecter le script gtag sur chaque page, sans code personnalisé.

Les problèmes commencent en général juste après la publication. Vous enregistrez l’ID, vous cliquez sur Publish, vous ouvrez le rapport Temps réel de GA4 et vous ne voyez rien. Vous vous demandez alors si vous avez utilisé la mauvaise propriété, un ancien ID UA-, ou l’URL de staging webflow.io au lieu de votre domaine en ligne. Le centre d’aide de Webflow confirme l’emplacement actuel du champ : Site settings > onglet Integrations > Google Analytics, avec des Measurement ID qui commencent par G-, GT-, AW- ou GTM- et qui sont sensibles à la casse.

Ce guide s’en tient au parcours GA4 actuel et signale les endroits où le suivi casse sans prévenir. Les sections suivantes expliquent comment vérifier vos données au-delà du rapport Temps réel, pourquoi les bloqueurs de publicités et les domaines de staging non publiés provoquent de faux négatifs, et à quel moment il vaut mieux ignorer complètement le champ natif pour faire passer GA4 par Google Tag Manager afin de suivre des événements ou l’e-commerce.

Pas à pas : connecter GA4 à votre site Webflow

Ajouter Google Analytics 4 à Webflow consiste à copier le Measurement ID de votre flux de données web depuis Google Analytics, à le coller dans le champ Site settings > Integrations > Google Analytics de Webflow, puis à publier.

Étape 1 : récupérer votre Measurement ID GA4

Si vous n’avez pas encore de propriété GA4, créez-en une sur analytics.google.com. Pour une propriété existante :

1. Ouvrez votre propriété GA4 et allez dans Administration. Sous Collecte et modification des données, cliquez sur Flux de données.
2. Sélectionnez l’onglet Web et cliquez sur votre flux de données web. Si vous devez en créer un, choisissez Web, saisissez votre domaine et créez le flux.
3. Dans la première ligne des détails du flux, copiez votre Measurement ID. Google documente le format du Measurement ID : il commence par « G- » et sert de lien entre votre site et ce flux de données.

Gardez cet ID sous la main. Il est sensible à la casse et doit être copié à l’identique.

Étape 2 : le coller dans Webflow et publier

1. Dans Webflow, ouvrez Site settings > onglet Integrations > Google Analytics. C’est le chemin actuel indiqué dans le centre d’aide officiel de Webflow ; les tutoriels plus anciens montrent Apps & Integrations ou un champ Google Tag distinct. Si vous voyez plutôt Google Tag, vous êtes sur le nouveau libellé, qui accepte le même ID : l’article d’aide de Webflow précise désormais qu’il accepte les ID commençant par G-, GT-, AW- ou GTM-.
2. Collez votre Measurement ID dans le champ Measurement ID.
3. Cliquez sur Save changes.
4. Publiez votre site sur les domaines que vous souhaitez suivre. L’intégration ne devient active qu’après la publication, et Webflow précise qu’elle s’appuie sur Google Tag Gateway (GTG) pour relayer les balises côté serveur : le trafic qui passe par GTG n’est donc pas décompté de la bande passante allouée à votre site.

Comportement en staging : si vous publiez à la fois sur votre sous-domaine webflow.io et sur votre domaine personnalisé, les deux emplacements enverront des hits vers le même Measurement ID lorsqu’ils seront visités. C’est utile pour tester, mais définissez votre domaine par défaut dans GA4 sur votre domaine personnalisé principal afin que les rapports restent cohérents.

Étape 3 : vérifier que les données remontent

Ouvrez votre site publié dans un nouvel onglet, puis, dans GA4, allez dans Rapports > Temps réel. Vous devriez apparaître comme utilisateur actif en quelques secondes. Si rien ne s’affiche, vérifiez que le domaine publié correspond bien à l’onglet que vous avez ouvert, que vous avez enregistré puis publié après avoir collé l’ID, et que vous n’avez pas ajouté la même balise à la fois dans Integrations et dans le code personnalisé du head.

Intégration GA4 native ou Google Tag Manager dans Webflow

L’intégration GA4 native et Google Tag Manager ajoutent tous deux le suivi GA4 à Webflow, mais la version native se limite aux rapports de base sur les pages vues et les sessions, tandis que Tag Manager est la voie à suivre pour les événements personnalisés, l’e-commerce et les balises marketing multiples. L’app Google site tools de Webflow permet de connecter les trois services Google directement depuis le panneau Apps. Faire se déclencher le pixel de base est une chose ; choisir la méthode de suivi adaptée à vos besoins réels en est une autre.

Utilisez GA4 en natif via l’app Google site tools si vos rapports se limitent aux pages vues, aux sessions, à la source de trafic et aux événements collectés automatiquement que GA4 active par défaut, comme les défilements et les clics sortants. L’installation consiste à sélectionner un compte et une propriété, à publier, puis à supprimer tout ancien Measurement ID resté dans Site Settings > Apps & Integrations > Google Analytics. Webflow précise que cette étape évite d’alourdir les temps de chargement du site lorsque vous basculez vers l’App.

Choisissez Tag Manager lorsque vous devez définir ce qui compte comme une conversion ou empiler d’autres pixels. La documentation de Google indique que GA4 s’implémente dans Tag Manager en configurant une balise Google qui charge la propriété, dépose les cookies et envoie les événements collectés automatiquement ainsi que ceux de la mesure améliorée. Ce modèle de conteneur vous permet de créer des balises d’événement GA4 distinctes pour les envois de formulaire, les achats et des déclencheurs de clic personnalisés, et d’ajouter des balises Meta, LinkedIn ou d’autres balises marketing sans retoucher Webflow. Le point d’entrée dans Webflow reste la même app, où vous choisissez le compte et le conteneur Tag Manager ainsi que le compte et la propriété GA4, mais toute la logique se déplace dans Tag Manager : type de balise Google Tag, Tag ID, déclencheur Initialization - All Pages, puis mode Aperçu dans Tag Assistant et Submit pour publier.

En pratique, commencez par la méthode native si vous avez seulement besoin de rapports au niveau du trafic, et par GTM si vous savez déjà que vous aurez besoin du e-commerce, du suivi des formulaires ou de plus d'un pixel publicitaire. Quelle que soit la méthode retenue, le suivi peut malgré tout échouer silencieusement : mieux vaut savoir quoi vérifier.

Pourquoi vos données analytics Webflow n'apparaissent pas

Pourquoi mon site Webflow n'affiche-t-il aucune donnée GA4 alors que j'ai publié l'ID ? Dans la plupart des cas, c'est parce que la balise ne s'est jamais déclenchée sur le domaine personnalisé en production : bloquée, mise en cache, dupliquée, ou pointant vers une propriété UA morte.

Choisir la bonne méthode ne garantit pas que tout fonctionne du premier coup. Plusieurs points de défaillance discrets font échouer des configurations par ailleurs correctes. Voici ceux qui génèrent le plus de tickets de suivi, avec une vérification rapide et un correctif pour chacun.

1. Vous avez collé un ID UA au lieu d'un Measurement ID GA4 Les anciens tutoriels affichent encore UA-XXXXXXX-X. Google Analytics 4 utilise un Measurement ID qui commence par « G- ». Les propriétés Universal Analytics standard ont cessé de traiter les nouveaux hits et ont été définitivement arrêtées en juillet 2024 : un ID UA n'envoie donc plus rien. Vérification : dans Webflow, ouvrez Settings > Apps & Integrations > Google Analytics et confirmez que l'ID commence par G-. Dans GA, Admin > Data streams > Web stream affiche le bon ID G-. Correctif : remplacez la valeur UA- par l'ID G- et publiez à nouveau.

Coller un ancien ID Universal Analytics (UA-...) au lieu d'un Measurement ID GA4 (G-...) est la panne silencieuse la plus fréquente. Webflow enregistre la valeur UA- sans afficher la moindre erreur, mais GA4 ne recevra jamais les données.

2. Vous avez testé sur le domaine de staging/webflow.io Le champ Google Analytics de Webflow ne s'injecte que sur le domaine personnalisé publié, pas dans l'aperçu du Designer ni sur l'URL de staging default.webflow.io, sauf si vous y avez publié. Vérification : ouvrez votre domaine en production et forcez le rechargement. Correctif : publiez sur le domaine personnalisé et testez sur cette URL.

3. Un bloqueur de publicités ou une extension de confidentialité a bloqué GA Brave Shields, uBlock, Ghostery et les outils similaires bloquent googletagmanager.com et google-analytics.com par défaut : vos propres visites n'atteignent donc jamais GA. Vérification : désactivez vos extensions ou testez dans une fenêtre de navigation privée sans elles, puis ouvrez DevTools > Network et filtrez sur collect ou g/collect. Correctif : vérifiez que les hits apparaissent une fois les bloqueurs désactivés. Demandez à un collègue sans bloqueur de visiter le site, ou fiez-vous aux données des autres visiteurs.

4. Le navigateur ou le cache a servi une ancienne page Si vous avez vérifié juste après la publication, votre CDN ou votre navigateur peut encore servir le HTML d'avant l'ajout de la balise. Vérification : affichez le code source du site en production et cherchez votre ID G-. Correctif : forcez le rechargement (Cmd+Shift+R / Ctrl+F5) et videz le cache de l'hébergement Webflow si vous utilisez Cloudflare ou un service équivalent.

5. Balise en double : GA ajouté nativement ET via GTM Ajouter le même ID G- dans le champ natif de Webflow puis à nouveau dans Google Tag Manager déclenche deux pages vues par chargement et peut fausser le décompte des sessions. Vérification : dans le code source, cherchez deux extraits de code gtag portant le même ID G-. Correctif : ne conservez qu'une seule méthode. Si vous utilisez GTM pour les événements, supprimez l'ID du champ natif de Webflow, gérez GA4 uniquement via GTM, puis publiez.

Consentement aux cookies et conformité en matière de confidentialité pour les analytics Webflow

La plus grosse erreur de conformité sur Webflow consiste à déclencher GA4 avant d'avoir demandé l'autorisation. Selon les règles européennes ePrivacy et le RGPD, les cookies Google Analytics comme _ga sont des cookies de mesure d'audience qui exigent un consentement préalable et librement donné dès lors que vous vous adressez à des visiteurs de l'UE, du Royaume-Uni ou de l'EEE : votre balise GA4 doit donc rester bloquée tant qu'un visiteur n'a pas activement accepté la mesure d'audience.

Webflow n'intègre pas de gestion du consentement. Si vous collez un Measurement ID dans le panneau d'intégrations natif, ce script se charge à chaque page vue, sans aucun filtre. Pour être conforme, vous devez ajouter une plateforme de gestion du consentement (CMP) via du code personnalisé et la configurer pour bloquer les cookies non essentiels. Ce fonctionnement exige un consentement préalable avant de stocker ou de lire des informations sur un appareil, sauf si le cookie est strictement nécessaire — et la mesure d'audience n'entre jamais dans cette catégorie.

La solution consiste à retirer GA4 du panneau natif de Webflow et à le charger via la CMP, afin qu'il ne se déclenche qu'une fois la catégorie de consentement « statistiques » accordée. Au titre de l'article 7, le consentement doit être libre, spécifique, éclairé et univoque, ce qui implique des options d'acceptation et de refus équivalentes dès le premier niveau, ainsi qu'un lien vers une politique de cookies dédiée. Vous installez le script de consentement dans le code du head de Webflow en première position, pour qu'il s'initialise avant tout suivi, puis vous réglez votre CMP sur data-blockingmode="auto" ou sur un blocage manuel text/plain.

Utilisez ce modèle de configuration rapide pour appliquer cette mise en conformité :

Ceci ne constitue pas un conseil juridique, mais avec un blocage en place vous évitez le motif de sanction le plus courant. Une fois le suivi correctement et légalement en place, tout l'intérêt réside dans ce que vous faites des données.

Exploiter concrètement vos analytics Webflow

Les données GA4 de votre site Webflow restent explorables dans les Explorations pendant une durée de conservation par défaut, que vous pouvez augmenter sur les propriétés gratuites ; passé ce délai, l'historique au niveau utilisateur est automatiquement supprimé chaque mois.

Instaurez une routine hebdomadaire de 15 minutes dans GA4 :

• Acquisition de trafic : dans Reports > Acquisition > Traffic acquisition, examinez « Session source / medium » pour voir quels canaux ont généré des sessions engagées sur les 7 derniers jours, et pas seulement des clics.
• Meilleures pages de destination : dans Reports > Engagement > Landing page, triez par nombre de vues et par temps d'engagement moyen pour repérer les pages Webflow qui retiennent l'attention et celles qui la perdent en moins de 10 secondes.
• Conversions, si elles sont configurées : dans Reports > Engagement > Conversions / Key events, suivez les complétions d'une semaine sur l'autre et le point où commence l'abandon.

Cette boucle vous indique ce qu'il faut conserver, corriger ou développer. Les analytics prouvent si les pages, campagnes et offres que vous avez déjà publiées fonctionnent. Elles ne créent pas la prochaine page à mesurer.

Une fois les analytics fiables, le goulot d'étranglement se déplace généralement vers la cadence de publication. Les équipes ont besoin d'une méthode durable pour continuer à produire des contenus qui méritent d'être suivis. HarperFlow automatise la recherche, la rédaction et la publication d'articles prêts à être cités directement sur Webflow : vous associez ainsi un dispositif de mesure qui fonctionne à un flux régulier de contenus à mesurer.