Comment collecter 100% des événements Google Analytics sur votre site web

Saviez-vous que Google Analytics est utilisé par plus de 50 % des internautes ? Cela représente des dizaines de millions de sites web !

Il y a donc de fortes chances que votre site Web utilise également Google Analytics et que vous souhaitiez exploiter ses données et ses fonctionnalités de reporting pour prendre des décisions éclairées concernant votre site, votre feuille de route en matière de contenu, votre produit et l'avenir de votre entreprise.

Si c'est le cas, je vous invite à poursuivre la lecture de ce tutoriel pratique et à découvrir pourquoi et comment collecter 100 % des interactions web sur votre site.

Mais je pensais que je collectais déjà 100 % des interactions Web ?

Malheureusement, ce n'est pas le cas pour la plupart des sites web en raison de plusieurs limitations. Il s'agit de limitations technologiques fondamentales dont l'impact s'est progressivement accru au cours des dix dernières années. 

Je parle de trois causes principales :

#1 Sensibilisation à la protection de la vie privée et nouvelles réglementations

Un nombre croissant de pays ont adopté des lois spécifiques pour protéger la vie privée des consommateurs, exigeant le consentement de l'utilisateur pour la collecte de données - ce qui constitue une grande amélioration pour la vie privée des consommateurs.

Une conséquence moins évidente est que moins de la moitié des visiteurs donnent leur plein consentement. Selond'après des études récentes,le taux moyen de consentement aux cookies est de 31%. En d'autres termes, plus de deux tiers de vos visiteurs n'acceptent pas les cookies tiers ; par conséquent, les pages qu'ils consultent et les événements auxquels ils participent n'apparaissent pas dans Google Analytics.

#2 Bloqueurs de publicité

Bien qu'ils soient spécifiquement conçus pour bloquer les publicités, les bloqueurs de publicité empêchent la collecte de données sur les sites web en bloquant automatiquement les connexions HTTP aux API d'analyse les plus répandues, telles que Google Analytics.

L'adoption mondiale est passée de 3 % à plus de 11 % au cours de la dernière décennie. En Europe et en Amérique du Nord, ~50% des visiteurs utilisent des bloqueurs de publicité.

En d'autres termes, les bloqueurs de publicité peuvent bloquer plus de 50 % des interactions de votre site web, en particulier si votre public cible est technique et très instruit.

#3 Performance du web et adoption de la téléphonie mobile

Une connectivité internet lente ou instable , souvent sur les appareils mobiles, peut perturber le flux de données entre l'appareil et les serveurs de suivi, ce qui entraîne une perte de données supplémentaire de 10 %. En 2024, près de 60 % du trafic web mondial sera généré par des appareils mobiles, contre moins de 30 % il y a dix ans.

En outre, les cadres web modernes ne prennent pas totalement en charge les anciens navigateurs par souci d'efficacité, ce qui est bénéfique pour la majorité des visiteurs. D'autre part, il est assez courant de trouver des sites web populaires avec des scores de compatibilité de ~90%, ce qui entraîne une perte de données supplémentaire. Chez Edgee, nous avons été témoins de cas extrêmes où un écart de compatibilité de 10 % a entraîné une perte de données de plus de 40 %.

D'accord, que puis-je faire ?

En tant que propriétaire ou développeur de site web, il peut être frustrant de constater que vous avez peu de contrôle sur les trois principales causes de perte de données que nous venons d'évoquer. Vous devez rester en conformité avec les réglementations sur les données et respecter la vie privée de vos utilisateurs. Vous ne pouvez pas forcer vos visiteurs à mettre à jour leur navigateur ou à éviter la navigation mobile tout en offrant une expérience utilisateur de qualité.

La bonne nouvelle, c'est qu'il existe un moyen de rester conforme, de respecter la vie privée des utilisateurs et d'éviter les limitations côté client en utilisant l'informatique en périphérie.

L'informatique de pointe à la rescousse

L'informatique en périphérie est un ensemble de technologies et d'architectures qui vous permettent de rapprocher le calcul et le stockage des données de l'utilisateur afin de réduire les temps de latence par rapport aux centres de données centralisés. De même, lesite , qui utilise l'informatique de pointe, vous permet de déplacer les calculs hors du navigateur, entre le client et le serveur, en contournant efficacement les limites imposées par les bloqueurs de publicité, les cookies, la connectivité mobile et la compatibilité JavaScript.

Heureusement, des outilscomme Edgee aident les organisations à transformer des SDK côté client comme Google Analytics en composants WebAssembly qui s'exécutent à la périphérie. Cela signifie que vous pouvez supprimer le SDK Google Analytics de votre site web, et Edgee se chargera d'envoyer les pages vues et les événements personnalisés à GA, avant même que la page ne soit servie au navigateur.

Techniquement, il s'agit d'un ensemble de techniques permettant de s'assurer que les robots sont automatiquement exclus et que les bloqueurs de publicité n'interceptent pas les événements générés par les clients.

Voyons Edgee à l'œuvre

Jusqu'à présent, tout va bien ! Mais comment cela fonctionne-t-il réellement ? Plus important encore, comment pouvez-vous intégrer Edgee à votre site web de manière efficace sans passer d'innombrables heures ou modifier vos rapports Google Analytics ? Laissez-moi vous montrer !

Les étapes ci-dessous ne vous obligeront pas à fournir une carte de crédit ou à payer des frais inattendus, car Edgee propose une version gratuite.

Vous pouvez commencer à utiliser Edgee en 5 étapes :

1. Créez un nouveau compte Edgee gratuit
2. Créez un nouveau projet Edgee et définissez l'URL de votre backend, par exemple https://youwebsite.com.
3. Ajoutez un composant Google Analytics à votre projet, en le choisissant dans une liste de composants prêts à l'emploi.
4. Intégrez le SDK Edgee dans votre code HTML et mettez à jour la cartographie des événements.
5. Intégrer Edgee à votre architecture (CDN-like)

Attendez, pourquoi ai-je besoin d'un nouveau SDK côté client ?

Excellente question ! Le SDK Edgee agit comme un pont et remplace les SDK JavaScript de tous les composants que vous avez activés pour votre projet. En d'autres termes, le SDK Edgee permet à nos capacités de traitement en périphérie d'entrer en action. Lorsque Edgee intercepte ce script, il déclenche des événements analytiques et d'autres services de manière transparente et directement à la périphérie. 

Le résultat ? Des analyses en temps réel sans compromettre les performances de votre application. La logique de calcul des bords s'exécute sur lesite en moins de 4 millisecondes dans 99 % des cas (99e percentile). De plus, le SDK vous permet de suivre les événements côté client tels que les clics sur les boutons ou les actions personnalisées sans recharger la page, en communiquant directement avec Edgee, de sorte qu'il ne peut pas être bloqué.

Voici ce que vous devez ajouter sur votre site web :

<script id="__EDGEE_SDK__" src="<YOUR_SDK_URL>" async></script>

Et si votre front-end est une application React, vous pouvez utiliserle package react-edgee comme ceci :

import EdgeeSdk from "react-edgee";
<EdgeeSdk src={"<YOUR_SDK_URL>"} />

Ensuite, vous devez mettre à jour votre code JavaScript pour utiliser le SDK Edgee au lieu de Google Analytics :

// from this:
gtag('event', 'button-click', {
    color: ‘blue
});

// to this:
edgee.track({
    'name': 'button-click',
    'properties': {
        color: ‘blue
    }
});

De même, si vous définissez des propriétés spécifiques à l'utilisateur :

// from this:
gtag('config', '<tag_id>', {
  'user_id': '<user_id>'
});
// or this:
gtag('set', 'user_properties', {
  'user_id': '<user_id>',
  '<property_name>': '<property_value>',
});

// to this:
edgee.user({
    'user_id': '<user_id>',
    'anonymous_id': '<anonymous_user_id>',
    'properties': {
      '<property_name>': '<property_value>'
    }
});

Pour des intégrations plus complexes, découvrez comment configurer votre couche de données Edgee sur le serveur et comment mapper automatiquement le consentement aux cookies via le SDK ou les intégrations intégrées pour des outils tels que Axceptio, Didomi et OneTrust.

Stratégies de migration

La création d'un tout nouveau site web est passionnante et permet d'expérimenter sans contraintes. Cependant, dans la plupart des cas, vous disposez déjà d'un site web établi avec des rapports GA historiques, des optimisations et des données précieuses. Et vous ne pouvez pas vous permettre d'avoir des lacunes ou des doublons dans vos analyses.

C'est pourquoi je vous recommande l'une des stratégies de migration suivantes. Bien qu'ils ajoutent une certaine complexité, ils permettent des tests progressifs, garantissent la fiabilité et fournissent des informations précieuses en cours de route.

#1 Intégrer et comparer

Cette stratégie est particulièrement utile si vous n'êtes pas sûr de l'étendue de la perte de données. S'agit-il de 5 %, 20 % ou 50 % du total ? En fonction de la réponse, vous pourriez décider d'utiliser en priorité un outil tel qu'Edgee dès que possible.

Une excellente façon de mesurer cela est d'intégrer Edgee à votre configuration Google Analytics existante, en utilisant une nouvelle propriété GA dans le même compte. Cela vous permet de réaliser une validation de principe pendant quelques semaines (un mois suffit généralement) et de comparer les deux propriétés pour quantifier votre manque de données.

La mise en œuvre est simple, car vous n'avez pas besoin de modifier votre code GA existant. Il suffit d'intégrer le SDK Edgee et d'ajouter des extraits de suivi pour les événements de page et les événements personnalisés.

Une fois que l'expérience est terminée et que vous êtes prêt à passer entièrement à l'analyse de périphérie, vous pouvez passer à la stratégie suivante et abandonner progressivement l'ancienne mise en œuvre.

#2 Intégrer et remplacer

Cette stratégie se concentre sur le remplacement complet de l'ancienne implémentation JavaScript en quatre étapes.

Tout d'abord, vous intégrez le SDK Edgee et créez un nouveau composant Google Analytics dans votre projet, mais gardez-le désactivé.

Deuxièmement, vous désactivez l'analyse automatique des pages vues comme suit :

gtag('config', '<tag_id>, {
  send_page_view: false,
});

Troisièmement, vous vous préparez à déployer cette modification du code et à activer immédiatement le composant (inactif) que vous avez configuré à la première étape. Cela garantit qu'aucune donnée n'est dupliquée ou perdue.

Enfin, vous convertissez tout le suivi côté client au SDK Edgee. Bien que vous puissiez procéder par étapes, je vous recommande de basculer tous les événements en même temps. Cela garantit une migration propre et vous permet de supprimer tout SDK redondant, ce qui améliore les performances du site web.

Dans la documentation Edgee, vous trouverez un guide de migration encore plus détaillé qui couvre à la fois les changements d'architecture et de code.

Résumé et enseignements

Dans cet article, nous avons exploré les défis côté client qui vous empêchent de capturer 100 % des interactions du site web.

Nous avons ensuite présenté Edgee, une plateforme alimentée par l'informatique de pointe qui permet de relever ces défis, en vous fournissant des données précises sans sacrifier la confidentialité ou les performances.

Enfin, si vous êtes un développeur et que vous souhaitez en savoir plus sur la façon dont Edgee fonctionne sous le capot ou même découvrir comment intégrer vos propres composants personnalisés, n'hésitez pas à contacter ce centre communautaire utile pour le débogage.

Cet espace évolue rapidement et de nombreuses mises à jour passionnantes et de nouveaux composants sont prévus pour 2025. En attendant, nous sommes impatients d'en savoir plus sur vos cas d'utilisation et vos commentaires !

Pour ceux qui souhaitent approfondir leur compréhension de la prise de décision fondée sur les données, consultez le cours Marketing Analytics for Business,conçu pour vous aider à utiliser l'analyse pour des stratégies commerciales plus intelligentes.