Catégories
Astuces et Design

5 façons dont Google Analytics aide les développeurs Web dans la conception UI / UX – Smashing Magazine

A propos de l'auteur

Clara Buenconsejo travaille actuellement en tant que consultante en marketing numérique pour The Clay Media, une agence de développement Web de niche et de marketing numérique. Pendant qu'elle est…
Plus à propos
Clara

Vous êtes-vous déjà demandé à quoi servent tous ces extraits de code Google Analytics et pourquoi votre équipe marketing vous demande régulièrement d'en ajouter un nouveau? Dans cet article, nous examinerons cinq fonctionnalités de Google Analytics qui peuvent aider les développeurs et les concepteurs Web à améliorer l'expérience utilisateur sur leur site Web.

Google Analytics est l'une des plates-formes d'analyse marketing les plus populaires – et pas seulement parce que sa version standard est gratuite. Plus d'un million d'organisations dans le monde utilisent cette plate-forme pour obtenir de meilleures informations sur le comportement des utilisateurs sur leurs sites Web.

Cependant, pour la plupart des développeurs Web, leur implication dans Google Analytics se termine par l'installation du code de base pour les pages vues. Ce code ressemble généralement à ceci, lorsque vous utilisez la version gtag.js du code:




Ou cela ressemble à ceci, avec l'implémentation analytics.js:




Bien que de nombreux points de données soient déjà disponibles avec cette mise en œuvre de base, ils finissent par manquer d'autres fonctionnalités clés. En raison du manque de données disponibles à consulter, il y a même eu des cas où des développeurs Web ou des concepteurs ont choisi de supprimer une fonctionnalité spécifique du site, sans se rendre compte que la plupart des utilisateurs l'utilisent régulièrement.

Par conséquent, voici cinq des fonctionnalités les plus importantes de Google Analytics que vous pouvez utiliser pour améliorer l'expérience utilisateur – et vous séparer du reste des développeurs et concepteurs Web:

1. Utilisez les événements pour identifier les interactions des utilisateurs sur des parties spécifiques de votre site Web

Comme indiqué ci-dessus, le code Google Analytics de base ne suit que les pages vues par défaut. Si vous souhaitez suivre les actions sur votre site Web, telles que les clics sur les boutons ou les soumissions de formulaires, vous devrez déclencher un événement Google Analytics distinct. Ces événements peuvent être implémentés en ajoutant le code suivant avec les informations appropriées sur la catégorie d'événement, l'action et l'étiquette:

ga('send', {
  hitType: 'event',
  eventCategory: 'Event Category',
  eventAction: 'Event Action',
  eventLabel: 'Event Label'
});

Une version abrégée du code est également disponible dans ce format:

ga('send', 'event', 'Event Category', 'Event Action', 'Event Label');

Une fois les événements configurés, ils s'afficheront dans l'interface utilisateur de Google Analytics sous le rapport Comportement> Événements> Principaux événements:

Où trouver le rapport Comportement> Événements> Principaux événements dans Google Analytics
Où trouver le rapport Top Events dans Google Analytics. (Grand aperçu)

En tant que meilleure pratique, vous pouvez utiliser la catégorie d'événements pour regrouper les événements en fonction d'une fonction spécifique (par exemple, engagement de page, commerce électronique). Pendant ce temps, vous pouvez utiliser l'action d'événement pour identifier l'action exacte de l'utilisateur (clic, défilement, soumission de formulaire), tandis que vous pouvez utiliser l'étiquette d'événement pour obtenir l'URL où l'événement a été déclenché.

Sinon, un meilleur moyen de mettre en œuvre ces événements serait d'utiliser Google Tag Manager à la place. Au lieu du code Google Analytics réel, vous devrez installer le code Google Tag Manager à la place:



Ensuite, une fois que Google Tag Manager est configuré, tout ce que vous avez à faire est de configurer la balise Google Analytics Page View et les balises d'événement dont vous avez besoin. Créez simplement une nouvelle balise en cliquant sur le bouton "Nouveau", puis cliquez sur Configuration de la balise, et Google Analytics sera l'une des options par défaut disponibles:

Google Tag Manager - Création d'une balise Google Analytics dans les paramètres de configuration des balises
Création d'une balise Google Analytics dans Google Tag Manager. (Grand aperçu)

Vous pourrez ensuite choisir entre les différents types de balises Google Analytics, qui inclut "Événement" comme l'un d'entre eux. Une fois que vous avez renseigné les détails de la configuration de la balise, il vous suffit de configurer le déclencheur approprié pour déclencher l'événement. Il existe déjà des déclencheurs intégrés tels que les clics sur Google Tag Manager; il vous suffira de sélectionner celui qui convient à votre événement.

N'oubliez pas de tester la balise dans le mode d'aperçu de Google Tag Manager, puis cliquez sur publier une fois la configuration terminée.

Notez qu'il est important d'être prudent lorsque vous mettez en œuvre des événements via Google Tag Manager ou en ajoutant le code réel des événements via Google Analytics. Quelle que soit l'approche que vous choisissez pour la mise en œuvre, elle doit être la même sur tout le site. Soit vous allez jusqu'au bout avec Google Tag Manager, soit en codant en dur le code d'événement réel.

Sinon, vous risquez de suivre la même action sur le site Web deux fois – une fois en ajoutant le code d'événement, une autre via Google Tag Manager – et en enregistrant des données en double dans Google Analytics.

L'ajout d'événements devient encore plus important lorsqu'il s'agit de configurer le suivi du commerce électronique et du commerce électronique amélioré pour Google Analytics. Bien que vous deviez activer ces paramètres dans l'interface Google Analytics, vous devrez revenir à votre suivi et ajouter des événements de commerce électronique distincts. Ces événements sont nécessaires pour renvoyer l'ensemble complet des données de commerce électronique aux serveurs de Google Analytics.

2. Découvrez jusqu'où les utilisateurs font défiler la page avec les événements de suivi de défilement

Outre le suivi des clics et des soumissions de formulaires, les événements de Google Analytics peuvent également être utilisés pour le suivi du défilement. Cela peut être fait en ajoutant le code d'événement Google Analytics à déclencher une fois qu'un élément spécifique apparaît dans la fenêtre. Vous pouvez également définir le code pour qu'il se déclenche si l'utilisateur a fait défiler un pourcentage spécifique vers le bas de l'écran.

Alternativement, dans Google Tag Manager, le suivi du défilement peut être mis en œuvre beaucoup plus facilement en utilisant le déclencheur de profondeur de défilement. Il vous suffit de créer un nouveau déclencheur, de sélectionner le type de déclencheur «Scroll Depth», puis de renseigner les détails nécessaires.

Google Tag Manager - Recherche de l'option de déclenchement de profondeur de défilement
Le type de déclencheur de profondeur de défilement dans Google Tag Manager. (Grand aperçu)

Alors, comment cette fonctionnalité peut-elle vous aider en termes d'expérience utilisateur? Pour commencer, cela peut évidemment vous aider à déterminer jusqu'à quelle partie de la page les utilisateurs sont prêts à faire défiler vers le bas. Étant donné que ces données se trouvent dans Google Analytics, vous pouvez segmenter ces données en fonction de l'appareil ou du navigateur, de l'heure, de l'emplacement, etc.

De cette façon, si vous décidez si vous pouvez placer un widget spécifique pour un type d'utilisateur spécifique, vous disposez de quelques données pour étayer votre décision. Cela peut également vous éviter d’acheter un logiciel de suivi de défilement distinct, car il vous suffit d’un peu de temps pour mettre en œuvre cette fonctionnalité.

3. Obtenez une estimation du temps qu'ils passent réellement sur votre site Web

Apprendre où les gens défilent est une chose; savoir combien de temps ils passent sur le site en est une autre. Heureusement, il est également possible de mesurer avec Google Analytics.

Par défaut, après avoir installé la balise de page vue Google Analytics, les utilisateurs peuvent déjà obtenir une métrique appelée Avg. Durée de la session. Cette métrique est généralement comprise pour mesurer le temps qu'un utilisateur passe à chaque visite sur votre site Web (une session).

Cependant, cette métrique peut parfois être inexacte. Après tout, Google Analytics ne mesure vraiment que la moyenne. Durée de la session basée sur les horodatages des données (hits) qu'elle reçoit.

Cela explique également pourquoi la plupart des rebonds – ou des visites sur le site Web avec une seule page vue ou un seul événement – ont une moyenne. Durée de la session de 00:00:00.

Alors, comment contourneriez-vous cette limitation? En tirant des coups de synchronisation. Ceux-ci peuvent aider à calculer avec précision le temps qu'un utilisateur passe sur une page sans enregistrer une autre page vue ou un autre événement. Il vous suffit d'envoyer les hits de synchronisation en implémentant ce code pour se déclencher à des intervalles spécifiques sur votre site:

ga('send', 'timing', (timingCategory), (timingVar), (timingValue), (timingLabel), (fieldsObject));

Une description plus détaillée de chaque champ est disponible sur le site des développeurs Google.

Une fois mis en œuvre, ces appels seront visibles dans la section Comportement> Vitesse du site> Temps utilisateur de Google Analytics.

Sinon, étant donné que les hits de synchronisation ont un plafond de 10 000 appels par jour, vous pouvez créer des événements personnalisés qui se déclenchent à des intervalles spécifiques à la place. Comme d'autres événements réguliers, ceux-ci seraient alors visibles dans la section Comportement> Événements> Principaux événements.

Un mot d'avertissement lors de la configuration des frappes de synchronisation, cependant: assurez-vous d'ajouter une sorte de «délai» pour eux. De cette façon, ces appels ne seront pas déclenchés en continu – et les données envoyées à Google Analytics – pendant trop longtemps, si la page était simplement laissée ouverte sur un navigateur sans surveillance.

4. Découvrez où les utilisateurs sont bloqués ou d'autres problèmes sur le site Web

Une fois que vous avez mis en œuvre les événements et les appels de synchronisation sur Google Analytics, vous les voyez dans les différentes sections de la plate-forme. Cependant, cela introduit un nouveau défi: comment rassembler ces différents points de données en un seul rapport qui montre l'ensemble du parcours de l'utilisateur sur votre site Web?

C'est là qu'intervient le rapport "Flux de comportement" de Google Analytics. Ce rapport, qui apparaît sous forme d'organigramme, montre comment les utilisateurs arrivent sur le site et les pages vues ou actions ultérieures qu'ils entreprennent avant de quitter.

Google Analytics: rapport de flux de comportement
Le rapport "Flux de comportement" dans Google Analytics. (Grand aperçu)

Par défaut, le rapport Flux de comportement utilise la page de destination et les pages spécifiques auxquelles les groupes d'utilisateurs accèdent.

Vous pouvez également modifier le rapport Flux de comportement pour vous concentrer davantage sur les événements. Cliquez simplement sur le menu déroulant sous l'en-tête du rapport et sélectionnez "Événements" ou "Pages et événements".

Rapport de flux de comportement de Google Analytics - Options d'affichage
Rapport sur le flux de comportement de Google Analytics – Afficher les options. (Grand aperçu)

Une petite mise en garde concernant l'utilisation des rapports de flux de comportement, cependant: lorsque vous consultez des données pour des sites Web plus volumineux, tels que ceux avec des millions de pages vues, un échantillonnage peut se produire. Cet échantillonnage est mis en place pour aider Google Analytics à analyser toutes les données dans un laps de temps spécifique.

Pour minimiser l'échantillonnage, vous pouvez ajuster la plage de dates couverte par le rapport "Flux de comportement" afin de réduire la quantité de données que Google Analytics doit analyser. En outre, vous pouvez également ajuster la granularité de votre analyse en cliquant sur le menu déroulant "Niveau de détail" et en le définissant sur "Afficher moins de connexions".

Rapport sur le flux de comportement de Google Analytics - Options de niveau de détail
Ajustez la granularité dans le rapport de flux de comportement de Google Analytics en sélectionnant l'option "Niveau de détail". (Grand aperçu)

Si le rapport sur le flux de comportements ne suffit pas, vous pouvez également configurer des rapports personnalisés dans Google Analytics. Pour les configurer, allez dans Personnalisation> Rapports personnalisés, puis cliquez sur le bouton «Nouveau rapport personnalisé».

Rapports personnalisés Google Analytics - Comment accéder aux rapports personnalisés
Où accéder aux rapports personnalisés dans Google Analytics. (Grand aperçu)

Les rapports personnalisés peuvent se présenter sous trois formats différents:

  • Explorer, qui ressemble aux rapports Google Analytics par défaut.
  • Table plate.
  • Carte, idéale pour les superpositions géographiques.

Vous pouvez également ajuster les paramètres pour filtrer en fonction de métriques spécifiques à l'aide d'une correspondance exacte ou d'expressions régulières.

Cela dit, certaines dimensions et statistiques peuvent apparaître éteintes lorsqu'elles sont combinées entre elles. Cela peut être dû au fait que ces métriques ont des portées différentes – une métrique peut être mesurée au niveau de l'utilisateur, tandis qu'une autre métrique peut être mesurée au niveau de la session (visite du site Web). Pour plus d'informations sur les champs d'application de Google Analytics, vous pouvez consulter la section Traitement de cet article du centre d'aide Google Analytics.

5. Découvrez les types de comportement des utilisateurs qui mènent à des conversions et quelles actions ne le font pas

À la fin de la journée, un client ou votre employeur fait créer un site Web pour atteindre un objectif tangible. Cela peut être aussi varié que de vendre les produits de votre entreprise en ligne (commerce électronique), de générer des inscriptions à un service (génération de prospects) ou même simplement de promouvoir les services de l'entreprise (notoriété).

C’est là que réside la véritable force de Google Analytics. En collectant des données basées sur une combinaison de pages vues et de différents événements, vous pouvez obtenir des informations plus détaillées sur ce que les utilisateurs font réellement sur votre site Web. En outre, vous pouvez isoler des actions clés spécifiques en tant que conversions sur votre site Web en créant des objectifs.

Pour ce faire, accédez simplement à Admin> Objectifs, puis cliquez sur Nouvel objectif. Vous pouvez ensuite choisir parmi un modèle ou définir un objectif personnalisé en fonction d'une destination "page vue d'une page spécifique), des événements, de la durée ou même d'un certain nombre de pages vues.

Objectifs Google Analytics - Accéder aux objectifs dans la section d'administration
Accédez aux objectifs dans Google Analytics en accédant à Admin> Objectifs. (Grand aperçu)
Google Analytics - Paramètres des objectifs
Configurez des conversions avec les paramètres d'objectif Google Analytics. (Grand aperçu)

Une fois que vous avez défini vos objectifs, vous pouvez utiliser les segments Google Analytics pour analyser les actions des utilisateurs avec des conversions par rapport à ceux qui n'ont pas effectué de conversion. Ceci est disponible par défaut – sélectionnez simplement les segments Convertisseurs ou Non-Convertisseurs à appliquer à vos rapports.

Segments Google Analytics: sélection du segment des convertisseurs
Segments Google Analytics: sélection du segment des convertisseurs. (Grand aperçu)

Si vous souhaitez des segments plus spécifiques concernant les conversions, vous pouvez cliquer sur l'option Actions pour copier le segment et ajouter vos propres critères. Par exemple, vous pouvez ajouter l'âge, le sexe, l'emplacement ou la langue pour un filtrage supplémentaire en fonction des données démographiques. Vous pouvez également créer des segments en fonction de la manière dont les utilisateurs sont arrivés sur votre site (source et support), de l'appareil qu'ils utilisent, ou même en fonction de la chaîne d'actions qu'ils ont effectuées sur votre site (sous Avancé> Séquences).

Bien sûr, vous pouvez toujours créer des segments à partir de zéro dans Google Analytics. Ouvrez simplement le menu déroulant Segments puis cliquez sur le bouton rouge Nouveau segment pour créer le vôtre.

Segments Google Analytics - Options de segment
Segments Google Analytics – Options de segment. (Grand aperçu)

Avec toutes ces fonctionnalités disponibles gratuitement, Google Analytics est vraiment l'un des outils les plus puissants que tout développeur ou concepteur Web puisse utiliser. Cependant, l'ajout de ces fonctionnalités à votre site n'est que la pointe de l'iceberg. Il y a tellement d'autres fonctionnalités à explorer, telles que le protocole de mesure qui permet à Google Analytics de collecter des données à partir d'appareils IoT.

Pour en savoir plus sur Google Analytics, vous pouvez consulter ces ressources Google officielles:

Enfin, avant de mettre en œuvre Google Analytics, assurez-vous de revérifier les réglementations de confidentialité des données dans votre région pour éviter toute violation involontaire. Pour plus d'informations sur la conformité à ces réglementations, veuillez consulter cet article de l'assistance Google.

En équilibrant les droits de confidentialité des données de l'utilisateur final et la nécessité de collecter des données pour obtenir des informations exploitables, Google Analytics est certainement l'un des meilleurs outils de conception UI / UX sur le marché.

Éditorial fracassant(ra, yk, il)

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *