Capturez la bonne télémétrie Web

Ajustez le nom de votre application de navigateur et le placement des sous-comptes

Tout d’abord, vous devez vous assurer que la dénomination de votre navigateur et l’organisation des données sont en place. Si nécessaire, vous pouvez modifier le nom de votre application de navigation en suivant le guide de renommage. Si vous disposez de données provenant de plusieurs environnements regroupés dans une seule application de navigateur, vous pouvez créer de nouvelles applications Browser et mettre à jour le snippet JavaScript dans vos pages pour signaler la bonne application.

N'oubliez pas de garder à l'esprit les points suivants lorsque vous vérifiez l'organisation de votre monitoring des navigateurs :

1. L'instrumentation des applications Web provenant de différents environnements (développement/qualité/production) doit être intégrée à différentes applications de navigateur.
2. Quel environnement une application de navigateur prend en charge (tel que Dev, QA et environnement de production).
3. Le but d'une application de navigateur (clients, interne, site Web, composant de site Web, région ou régions, etc.).

Régler les erreurs JavaScript

Ensuite, vous devrez travailler avec vos erreurs JavaScript, qui ont un impact négatif sur l'expérience utilisateur et le référencement en perturbant le processus de chargement de la page, en affichant des erreurs et en empêchant l'utilisateur de terminer une action. Tout d’abord, assurez-vous que les erreurs JavaScript sont capturées à l’aide de l’interface utilisateur ou de NRQL.

Via l'interface utilisateur

Ouvrez votre application Web dans Browser. Ouvrez la vue Errors sous le menu de gauche et vérifiez que vous pouvez voir les erreurs JavaScript. Si votre application ne reçoit pas beaucoup de trafic, vous devrez peut-être revenir 24 heures en arrière ou plus pour voir les erreurs.

Par NRQL

Exécutez la requête suivante :

SELECT count(*) FROM JavaScriptError WHERE appName = 'MyApp' SINCE 1 WEEK AGO

Copier

Un nombre 0 signifie qu'aucune erreur JavaScript n'a été détectée.

Vous pouvez vérifier toutes vos applications Web dans un sous-compte en exécutant la commande suivante :

SELECT count(*) FROM JavaScriptError FACET appName LIMIT MAX SINCE 1 WEEK AGO

Copier

Les applications Web non présentes dans les résultats n'ont pas signalé d'erreurs JavaScript.

Une fois que vous avez assuré que vos erreurs JS sont signalées, vérifiez qu'elles disposent également des logs des événements. Le log des événements affiche l'interaction du navigateur, les appels AJAX et la trace qui ont conduit à une erreur JS. Cela peut vous aider à résoudre la cause première des erreurs.

Via l'interface utilisateur

Pour vérifier que vous capturez les logs des événements, accédez à l'onglet JS Errors . Vérifiez plusieurs erreurs différentes pour vérifier que les logs des événements apparaissent.

Suivez ces instructions pour résoudre les problèmes de logs des événements manquants.

Enfin, assurez-vous que vos erreurs JavaScript ont une trace d'appels.

SELECT count(*) FROM JavaScriptError WHERE appName = 'MyApp' AND stackTrace IS NOT NULL AND stackTrace NOT LIKE '' SINCE 1 WEEK AGO

SELECT count(*) FROM JavaScriptError WHERE stackTrace IS NOT NULL AND stackTrace NOT LIKE '' FACET appName LIMIT MAX SINCE 1 WEEK AGO

Suivez ces instructions pour résoudre les problèmes de traces d'appels manquantes. Ou, suivez ces instructions si vous pouvez voir les pistes stack mais ne pouvez pas les développer.

Vérifier le regroupement des vues de page

Ensuite, vérifiez le regroupement des pages vues. Les URL de page dans l'interface utilisateur Page views sont automatiquement regroupées pour vous aider à mieux gérer les performances des pages. L'algorithme qui détermine le regroupement automatique s'exécute lorsque votre application Web est instrumentée pour la première fois. Si votre trafic Web actuel est très différent de celui de la première création de l'application, vous voyez peut-être trop peu de groupes.

Via l'interface utilisateur

Vérifiez l’interface utilisateur Page views de votre application en la sélectionnant dans le menu de gauche. Si ce que vous voyez ressemble beaucoup à la capture d'écran ci-dessous, prenez-en note et suivez les instructions de ce guide pour savoir comment y remédier.

Par NRQL

Exécutez la requête suivante :

SELECT count(*) from PageView WHERE appName = 'MyApp' AND browserTransactionName LIKE '*.*.*%/%' or browserTransactionName LIKE '%.%.%/*/*/*/%' or browserTransactionName LIKE '%.%.%/*/*/*' or browserTransactionName LIKE '%.%.%/*/*/%' FACET pageUrl limit 100 SINCE 1 WEEK AGO

Copier

Les résultats vous montrent quelles URL de page peuvent être surgroupées pour votre application.

Vous pouvez vérifier toutes vos applications Web dans un sous-compte en exécutant la commande suivante :

SELECT count(*) from PageView WHERE browserTransactionName LIKE '*.*.*%/%' or browserTransactionName LIKE '%.%.%/*/*/*/%' or browserTransactionName LIKE '%.%.%/*/*/*' or browserTransactionName LIKE '%.%.%/*/*/%' FACET browserTransactionName, pageUrl limit 100 SINCE 1 WEEK AGO

Copier

Les résultats vous donneront les mêmes données pour plusieurs applications.

Utilisez Segment liste de domaines autorisés pour affiner la façon dont les URL de consultation de vos pages sont regroupées.

Vérifier le regroupement des appels AJAX

Après avoir vérifié vos pages vues, vous devez faire de même pour votre groupe d'appels AJAX. Les appels AJAX sont regroupés pour faciliter leur navigation à grande échelle. Parfois, il y a tellement d'appels AJAX qu'il devient difficile de les parcourir par URL de requête individuelle. Utilisez l’interface utilisateur ou une requête NRQL pour vérifier si vous devez ajuster le regroupement AJAX.

Via l'interface utilisateur

Vérifiez le regroupement AJAX de votre application en le sélectionnant dans le menu de gauche et en le regroupant par groupedRequestUrl. Si ce que vous voyez ressemble beaucoup à la capture d'écran ci-dessous, prenez-en note et suivez les instructions de ce guide pour savoir comment y remédier.

Par NRQL

Exécutez la requête suivante :

SELECT count(*) FROM JavaScriptError WHERE appName = _your app name_ AND stackTrace IS NOT NULL AND stackTrace NOT LIKE '' SINCE 1 WEEK AGO

Copier

Un nombre 0 signifie qu'aucune erreur JavaScript n'a été détectée.

Vous pouvez vérifier toutes vos applications Web dans un sous-compte en exécutant la commande suivante :

SELECT count(*) FROM JavaScriptError WHERE stackTrace IS NOT NULL AND stackTrace NOT LIKE '' FACET appName LIMIT MAX SINCE 1 WEEK AGO

Copier

Les applications Web non présentes dans les résultats ne présentent pas d'erreurs JavaScript avec trace d'appels.

Utilisez Segment liste de domaines autorisés pour affiner la façon dont vos requêtes AJAX sont regroupées.

Activer le tracing distribuéc

Ensuite, activez le tracing distribué dans Browser pour vous aider à améliorer les performances d'AJAX en traçant requests vers le backend jusqu'au point de terminaison final. Les informations de tracing sont utiles pour comprendre quelles applications ont un impact sur l'expérience utilisateur. Vous pouvez utiliser ces informations pour résoudre vous-même les problèmes de services ou les déléguer à l'équipe responsable.

Mettre en place le déploiement

Ensuite, utilisez NerdGraph pour suivre les modifications apportées à votre application Web afin de voir l’impact des modifications que vous apportez sur les indicateurs de performance clés, les conversions et l’engagement des utilisateurs.

Ajouter un attribut personnalisé

Utilisez l'attribut personnalisé pour filtrer et regrouper les données. Bien que les attributs personnalisés soient facultatifs, vous pouvez tirer une grande valeur de leur utilisation. Vous trouverez ci-dessous les attributs les plus couramment recommandés, même si vous souhaiterez peut-être en ajouter d'autres :

Attribut personnalisé supplémentaire pour les détaillants