Webflow Google Analytics - Le guide pour tout tracker

Ça y est, la refonte de votre site est enfin prête et vous êtes impatients de le lancer ? Pas si vite ! Avez-vous pensé à configurer Google Analytics (ou à le faire configurer) ?

Une fois que votre site (et vous-même) êtes prêt à partir à la conquête du web, il est important de se concentrer sur les données générées par chaque visite. Pourquoi ? Parce qu'elles vous donneront de précieuses informations sur l’expérience de vos visiteurs et vous indiqueront donc ce que vous devez changer pour améliorer votre site, et finalement, pour augmenter vos revenus.

La première chose à faire pour configurer ses Analytics correctement (et pour être en accord avec le RGPD) est d’installer le Google Tag Manager — Assurez-vous de ce fait de jeter un œil à notre article sur l’installation du Google Tag Manager sur Webflow avant d’aller plus loin !

Installer Google Tag Manager (GTM) sur Webflow

Une fois que vos données remonteront bien dans Analytics, il faudra vous assurer qu’Axeptio est correctement configuré pour respecter le RGPD.

Dans cet article, vous allez comprendre comment configurer Analytics à votre site Webflow, mais également comment personnaliser les infos qui remontent (plutôt bien pour avoir les données dont vous avez besoin, pas celles que l’outil vous donne par défaut).

Créer une propriété Google Analytics 4

Comme d’habitude, tout commence par la création d’un compte (un autre… 🙂).

Rendez-vous sur https://analytics.google.com/ pour créer un compte Google Analytics avec votre identifiant Gmail (vous devez utiliser un compte Gmail pour accéder à Analytics).

Configurer son compte Google Analytics

Après avoir cliqué sur le gros bouton bleu en haut à droite de l’écran, vous devriez assez rapidement vous retrouver devant une fenêtre comme celle-ci, sur laquelle vous pourrez donner un nom à votre compte (restez simple) et sélectionner vos préférences de communication.

Tips : il n’est pas nécessaire de créer un compte par site — On a l’habitude de dire que l’on peut remplacer “compte” par “propriétaire”. Si votre entreprise possède trois sites, ils peuvent tous être “hébergés” dans le même compte.

Configurer sa propriété Google Analytics

Avant d’aller plus loin, sachez qu’il n’est plus nécessaire de créer plusieurs propriétés par site dans GA4 (Google Analytics 4) même si vous avez différentes sources de trafic à suivre (Application, Web, etc.).

Inscrivez donc le nom de votre site dans cette nouvelle fenêtre et prenez soin de sélectionner le bon fuseau horaire + devise.

Après avoir cliqué sur suivant, Google collectera des infos supplémentaires sur votre établissement. Il n’y a pas de piège, cela les aide à améliorer leur outil, ainsi qu’à vous faire remonter les informations les plus pertinentes pour votre activité.

On passe ensuite aux choses sérieuses !

Après avoir accepté les conditions générales d’utilisation, vous devriez arriver sur cet écran :

Vous allez devoir cliquer sur “Web” pour configurer votre source de trafic. Écrivez l’adresse de votre site et donnez un nom à cette source. Alors, vous pouvez ensuite cliquer sur Créer un flux pour récupérer votre ID de mesure.

Conservez bien l’onglet ouvert, ou marquez votre ID de mesure quelque part (c’est la seule info importante de cette écran) pour pouvoir l’intégrer facilement dans le Google Tag Manager ensuite.

Configurer sa balise Google Analytics 4 sur le Google Tag Manager votre balise

No Way ?! On n'en a pas fini avec le Tag Manager ? Hé non, la configuration n’était que le début !

Maintenant qu’il est correctement configuré à notre site, il est temps de créer nos premières balises.

• Rendez-vous sur tagmanager.google.com et reconnectez-vous à votre compte.
• Dans la colonne de gauche, cliquez sur Balise puis sur “Nouvelle”

• Nommez votre balise GA4 | Config (ou un truc comme ça) puis cliquez sur le crayon en haut à droite de la box “configuration de la balise”

• Sélectionnez Google Analytics : Configuration GA4 dans le menu qui s’ouvre.

• Après avoir sélectionné la balise, collez votre ID de suivi (celui que vous avez collecté juste après avoir créé votre flux Google Analytics) dans le champs prévu à cet effet et pensez à cocher la case “Envoyer un évènement Page vue lors du chargement de cette configuration” - Ça vous fera gagner du temps par la suite.
• Ne validez pas encore ! Il va falloir ajouter un déclencheur pour que cette balise se déclenche sur votre site.

Un déclencheur est un évènement que le Google Tag Manager “repèrera” lors de la visite d’un utilisateur sur votre site — par exemple, un clic sur un bouton. Lorsque cet événement se produit, GTM comprend qu’il doit effectuer une action. Dans ce cas précis, nous souhaitons déclencher la balise dès qu’un utilisateur voit une page.

• Cliquez donc sur “Déclencheur” puis sélectionnez All Pages dans le menu qui apparait.

• Vous pouvez maintenant enregistrer votre balise de configuration Analytics. Vous avez fait une bonne partie du taff, et c’était loin d’être la plus rigolote ! Pour résumer ce que vous venez de mettre en place, la balise de configuration Analytics se chargera sur chacune de vos pages et comptabilisera une page vue supplémentaire.

Attention : Le chargement d’Analytics et la comptabilisation de la page vue ne nécessite pas nécessairement la mise en place d’un système de gestion des consentement. Ceci étant dit, il sera nécessaire d’en configurer un pour toutes les autres données que vous pourriez vouloir collecter — autant faire les choses correctement dès le début 🙃

Créer ses premiers évènements de suivi

OK, donc maintenant qu’Analytics est configuré, il va falloir créer vos premiers éléments de suivi pour comprendre le comportement de vos utilisateurs. Qu’entend-on par éléments de suivi ?

• le suivi des clics,
• les interactions diverses (exemple “a commencé à remplir le formulaire de contact”),
• la soumission de formulaire,
• les achats,
• la navigation d’une page précise à une autre,
• …

Les éléments de suivi peuvent être nombreux, et avant de passer à leur configuration, il est important de se demander ce qui est crucial de suivre pour VOTRE activité. J’insiste là-dessus parce que ça peut rapidement être le bazar dans votre doc Analytics si vous configurez trop d’éléments. Il est donc plus judicieux de tracker quelques éléments efficacement 🙂

Suivre les pages vues

Rappelez-vous, votre configuration de la balise Analytics (cf. ci-dessus) renvoie systématiquement un évènement “page vue” - mais vous pourriez vouloir comptabiliser le nombre de vues sur une page en particulier (entré du tunnel par exemple).

Pour le faire :

• rendez-vous dans l’espace “Balises”,
• cliquez sur “nouvelle”,
• nommez là sur le champs pour conserver une bonne organisation dans votre espace,

• Cliquez sur la zone “Configuration de la balise” et sélectionnez la balise “Google Analytics : Évènement GA4”

• Dans le menu déroulant “Balise de configuration”, sélectionnez la balise de configuration crée préalablement (cf. ci-dessus),
• Comme son nom l’indique, le champs “nom de l’évènement” vous permet de le nommer. C’est le nom qui sera affiché dans Analytics, assurez-vous donc le garder clair, concis.
• Pour éviter la comptabilisation de “fausses vues”, cliquez sur le champs Paramètres avancés et sélectionnez “une fois par page” dans le menu déroulant “Options de déclenchement de la balise”

• Cliquez ensuite sur la section Déclenchement et cliquez ensuite sur le “+” en haut à droite de la liste qui apparait.
• Vous pourrez ensuite créer un nouveau déclencheur.
• Nommez-le,
• Cliquez sur la zone “configuration” et sélectionnez “Page vue” dans la liste.
• Assurez-vous ensuite de configurer le déclencheur sur la page en question (voir screenshot)

• Après avoir cliqué sur enregistrer, le déclencheur devrait maintenant apparaitre sur la configuration de votre évènement. Il ne vous reste en principe qu’à enregistrer la balise.

Les clics

La mise en place d’un suivi de clic est très semblable à celui des pages vues. Après avoir configuré une nouvelle balise que vous nommerez par exemple “GA4 event | click - CTA principal”, vous aurez à configurer un déclencheur “au clic”

• sélectionnez la petite souris “tous les élèments” dans la liste vous permettant de choisir le type de déclencheur,
• Ensuite, assurez-vous de ne tracker que certains clics (ayant la class ou l’id que vous aurez configurez préalablement dans Webflow)

• Enregistrez le tout, ET VOILA ! 🙂

Publier sa configuration Analytics sur son site Webflow

Une fois vos évènements configurés et enregistrés, il ne vous restera qu’à retourner dans l’espace “Balises” et à cliquer sur “Envoyer” en haut à droite de l’écran 🙂

Vous souhaitez aller plus loin avec votre configuration ? Posez-nous vos questions !

‍