Fermer

septembre 30, 2020

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


À propos de l'auteur

Clara Buenconsejo travaille actuellement en tant que consultante en marketing numérique pour The Clay Media une agence spécialisée dans le développement Web et le marketing numérique. Pendant qu'elle est…
En savoir plus sur
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 5 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 non simplement 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 des 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 qu'il existe déjà de nombreux points de données disponibles avec cette implémentation de base, ils finissent par passer à côté 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 des événements pour identifier les interactions des utilisateurs sur des parties spécifiques de votre site Web

Comme indiqué ci-dessus, le code de base de Google Analytics 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: 'événement',
  eventCategory: 'Catégorie d'événement',
  eventAction: 'Action d'événement',
  eventLabel: 'Étiquette d'événement'
}); 

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

 ga ('send', 'event', 'Event Category', 'Event Action', 'Event Label'); [19659017] 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é.

Une meilleure façon de les implémenter les événements consisteraient à utiliser Google Tag Manager à la place. Au lieu du code Google Analytics actuel, 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 d'affichage de page Google Analytics 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, parmi lesquels "Événement". 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 le tag dans le mode d'aperçu de Google Tag Manager, puis cliquez sur publier une fois la configuration terminée.

Notez que c'est important soyez prudent lorsque vous implémentez 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 enregistrement des données en double dans Google Analytics.

L'ajout d'événements devient encore plus important lorsqu'il s'agit de configurer le commerce électronique et le suivi amélioré du commerce électronique 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 dans quelle mesure les utilisateurs font défiler la page vers le bas 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 configurer 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 implémenté beaucoup plus facilement en utilisant le déclencheur Scroll Depth. Tout ce que vous avez à faire est 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 Scroll Depth
Le type de déclencheur Scroll Depth 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 sont 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 spécifique de utilisateur, 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 suffira 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 font défiler 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 statistique 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 l'horodatage des données (appels) qu'il 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.

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 de Google .

Une fois implémentés, ces appels seront visibles dans le Comportement> Vitesse du site> Temps utilisateur dans Google Analytics.

Sinon, étant donné que les appels 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 les 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 hits de synchronisation, cependant: assurez-vous d'ajouter une sorte de «timeout» 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 des événements et des événements de synchronisation sur Google Analytics, vous les voyez dans les différentes sections de la plate-forme. Cependant, cela présente un nouveau défi: comment regrouper ces différents points de données dans un rapport qui montre l'intégralité du parcours de l'utilisateur sur votre site Web?

C'est là que le rapport "Flux de comportement" de Google Analytics entre en jeu. Ce rapport, qui apparaît sous forme d'organigramme, montre comment les utilisateurs arrivent sur le site et les pages vues ou les actions qu'ils entreprennent par la suite avant d'abandonner.

 Google Analytics: rapport de flux de comportement
Le rapport de 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 é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 de flux de comportement de Google Analytics - Options d'affichage. ( Grand aperçu )

Une petite mise en garde concernant l'utilisation des rapports de flux de comportement, cependant: lorsque vous regardez des données pour des sites Web plus grands, 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 de flux de comportement de Google Analytics - Options de niveau de détail
Ajuster 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 "Flux de comportement" ne suffit pas, vous pouvez également configurer des rapports personnalisés dans Google Analytics. Pour les configurer, accédez à 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 par défaut de Google Analytics.
  • Flat Table.
  • Map, idéal pour superpositions géographiques.

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

Cela dit, certaines dimensions et mesures peuvent apparaître désactivées 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 permettent pas

En fin de compte, un client ou votre employeur fait créer un site Web pour atteindre un objectif tangible. Cela peut être aussi varié que la vente en ligne des produits de votre entreprise (commerce électronique), la génération d'abonnements à un service (génération de leads), ou même simplement la promotion des services de l'entreprise (notoriété).

C'est là que réside la véritable force de Google Analytics mensonges. 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 de la page vue d'une destination sur une page spécifique), des événements, de la durée ou même d'un certain nombre de pages vues.

 Google Analytics Goals - Accéder aux objectifs dans la section d'administration [19659019] Accédez aux objectifs dans Google Analytics en accédant à Admin> Objectifs. (<a href= Grand aperçu )
 Google Analytics - Paramètres d'objectif
Configurez des conversions avec les paramètres d'objectif de 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 ayant 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 Convertisseurs
Segments Google Analytics: sélection du segment 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).

Of Bien sûr, vous pouvez toujours créer des segments à partir de zéro dans Google Analytics. Ouvrez simplement la liste déroulante 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, comme 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 définitivement l'un des les meilleurs outils de conception UI / UX disponibles sur le marché.

 Smashing Editorial (ra, yk, il)




Source link