Analyse des rapports

Afin de pouvoir visualiser les rapports TagPerformance, vous devez demander l’activation de ce module, non inclus dans l’offre de base Commanders Act. Si vous souhaitez utiliser TagPerformance, veuillez contacter votre account manager ou notre Support Department ([email protected]).

Pour accéder aux rapports,

• Connectez-vous à l’ Commanders Act Interface et cliquez sur le menu Health > Website Monitoring > TagPerformance

Dashboard

Le rapport “Dashboard” fournit une vue d’ensemble des performances des tag sur votre site :

Vous trouverez ci-dessous une explication détaillée des fenêtres d’analyse du rapport.

1)-Les trois indicateurs principaux (Start Render, DOM Ready, DOM Loaded) :

• Start Render moyen (First Paint): temps de chargement moyen sur le site de l’événement Start Render.

• DOM Ready moyen: temps de chargement moyen sur le site de l’événement DOM Ready.

• Temps de chargement moyen de la page (on load): temps de chargement moyen sur le site de l’événement DOM Loaded.

Remarque : ces trois métriques prennent en compte les filtres suivants : “page type”, “container”, “device”, “OS” ou “browser”.

Exemple : ces trois pages sont chargées sur votre site :

Les trois métriques prendraient les valeurs suivantes :

• « Start Render moyen (First Paint)” : 5 sec (700 ms, 500 ms et 300 ms en moyenne)

• « DOM Ready moyen” : 8 sec (2000 ms, 2200 ms et 1100 ms en moyenne)

• « Temps de chargement moyen de la page (on load)” : 6 sec (2800 ms, 2800 ms et 2100 ms en moyenne)

2)-Le diagramme circulaire :

Le diagramme circulaire met en évidence les tag qui mettent le plus de temps à se charger en fonction du niveau d’analyse sélectionné dans les filtres disponibles : Start Render, DOM Ready, DOM Loaded ou temps de chargement cumulé.

Exemple : le diagramme circulaire ci-dessus apparaît une fois le niveau d’analyse “Tags impacting start render (First Paint)” sélectionné. Il montre que le tag “Lengow lead validation” est le tag qui retarde le plus l’événement Start Render, car il représente environ 17 % du temps total précédant l’événement Start Render.

En cliquant sur la partie “Others”, vous pourrez obtenir plus de détails sur les tag restants affectant le temps de chargement de votre site.

Remarque : le diagramme circulaire qui apparaît ensuite fournit la proportion de chaque tag par rapport au total “Other”.

Exemple : ci-dessous, le tag “Effiliation” représente environ 14 % du temps de chargement total de “Other” (14 % des 21 % du temps de chargement global, qui sont attribués à “Others”).

3)-Variations des principaux tag :

Les graphiques “Main Tag Variations” vous permettent d’identifier les tag dont le temps de chargement a varié (+/-10 %) sur une période donnée en fonction du niveau d’analyse sélectionné dans les filtres disponibles : Start Render, DOM Ready, DOM Loaded ou temps de chargement cumulé.

La variation du tag mesure les écarts dans les temps de chargement des tag par rapport à la médiane (et non à la moyenne, afin qu’elle soit moins sensible aux valeurs extrêmes). Le calcul est basé sur les six périodes identiques précédentes.

Exemple :

Nous souhaitons analyser la variation des tag impactant l’événement Start Render le 22 mai.

Dans la capture d’écran ci-dessous, on peut voir une augmentation de 65 % du temps de chargement d’AB Tasty ce jour-là. Le tag met en effet 61,96 ms à se charger, alors que la médiane des six jours précédents était de 37,65 ms. (16 mai : 48,05 ms / 17 mai : 30,30 ms / 18 mai : 35,77 ms / 19 mai : 27,44 ms / 20 mai : 64,11 ms / 21 mai : 39,53 ms).

4)-Variations des principaux types de page :

Le « Variations des principaux types de page” permettent d’identifier les types de page dont le temps de chargement a varié (+/-10 %) sur une période donnée, uniquement en fonction de l’événement DOM Loaded (le temps de chargement de la page est défini par l’arrivée de l’événement DOM Loaded).

Remarque : le type de page correspond au filtre “page type” par défaut disponible dans l’interface.

La variation du type de page mesure les écarts dans les temps de chargement des pages selon leur type et par rapport à la médiane (et non à la moyenne). Le calcul est basé sur les six périodes identiques précédentes.

Exemple :

Nous souhaitons analyser les variations des types le 2 mai.

Dans la capture d’écran ci-dessous, nous observons une réduction de 31 % des temps de chargement pour le type de page “newsletter” ce jour-là. Il met 5,23 ms à se charger alors que la médiane des six jours précédents était de 7,6 ms (26 avril : 7,58 ms / 27 avril : 5,31 ms / 28 avril : 8,16 ms / 29 avril : 7,62 ms / 30 avril : 7,84 ms / 1er mai : 6,02 ms).

Rapport par tag

1)-Les quatre principales métriques

• Temps de chargement moyen de la page: temps de chargement moyen des pages de votre site (= DOM Loaded). Ce temps de chargement est comparé à celui de la période précédente (ex. : le jour ou la semaine précédente selon la période sélectionnée).

• Temps de chargement moyen des tag: temps de chargement moyen des tag sur votre site selon le niveau d’analyse que vous avez sélectionné dans les options de filtrage (Start Render, DOM Ready, DOM Loaded, temps de chargement cumulé). Ce temps de chargement est comparé à celui de la période précédente (ex. : le jour ou la semaine précédente selon la période sélectionnée).

• tag le moins impactant: tag qui met le moins de temps à se charger selon le niveau d’analyse que vous avez sélectionné dans les options de filtrage (Start Render, DOM Ready, DOM Loaded, temps de chargement cumulé).

• tag le plus impactant: tag qui met le plus de temps à se charger selon le niveau d’analyse que vous avez sélectionné dans les options de filtrage (Start Render, DOM Ready, DOM Loaded, temps de chargement cumulé).

Remarque : ces quatre métriques prennent en compte les filtres sélectionnés parmi “page type”, “container”, “device”, “OS” ou “browser”.

2)-TagPerformance par tag

Le graphique affiche des informations sur le temps de chargement des tag sur votre site.

Pour sélectionner les tag à analyser avec le graphique (1), cochez le tag correspondant dans le rapport “Tags” (2) puis rechargez (3).

Vous pouvez comparer ces données à des informations générales sur le contexte de la page. Pour cela, sélectionnez les indicateurs qui vous intéressent dans le menu déroulant au-dessus du graphique.

Métriques liées aux tag analysés :

• Temps de chargement du tag: temps de chargement des tag selon le niveau d’analyse que vous avez sélectionné dans les options de filtrage (Start Render, DOM Ready, DOM Loaded, temps de chargement cumulé).

• Tag firing: nombre de fois où les tag sont chargés sur le site (cette métrique est indépendante des filtres).

Métriques liées au contexte de la page :

• Nombre de tag: nombre de tag présents dans la ou les dernières version(s) générée(s) d’un container.

• Start Render moyen (First Paint): temps de chargement moyen du tart Render sur le site.

• Construction moyenne de la structure de page (DOM Ready): temps de chargement moyen du DOM Ready sur le site.

• Temps de chargement moyen de la page (OnLoad): temps de chargement moyen du DOM Loaded sur le site.

Remarque : ces six métriques prennent en compte les filtres sélectionnés parmi “page type”, “container”, “device”, “OS” ou “browser”.

Exemple :

Vous souhaitez savoir si un tag se chargeant pendant l’événement Start Render a un impact sur le Start Render global du site.

• Utilisez le filtre “Tags impacting Start Render (First Paint)” dans votre rapport :

• Sélectionnez le tag à analyser :

  
• Sélectionnez les métriques suivantes dans votre graphique : “Tag Loading Time” (temps de chargement du tag) et “Average Start Render (First Paint)” (temps de chargement moyen du Start Render) :\

  

Le résultat ci-dessous montre que le tag sélectionné a peu d’impact sur le Start Render du site, car l’augmentation du temps de chargement du tag à 13 h (1) n’a pas entraîné d’augmentation du temps de chargement moyen du Start Render à ce même moment.\

3)-Tags

La section “Tags” du rapport fournit une analyse plus approfondie des tag chargés sur votre site, en fonction du niveau d’analyse que vous avez sélectionné à partir des filtres en haut à gauche (Start Render, DOM Ready, DOM Loaded, temps de chargement cumulé) et en haut à droite de la page (“page type”, “container”, “device”, “OS” et “browser”).

Vous pouvez analyser les éléments suivants pour chaque tag :

• “Tag loading time” (ms) : Temps de chargement en millisecondes

• “Tag firing”: Nombre de fois où un tag est chargé \

  

Si vous cliquez sur le nom d’un tag, un graphique apparaît et affiche les éléments suivants :

• Le temps de chargement du tag comparé à la période précédente (ex. : le jour précédent si l’analyse est réalisée par jour).

• Le temps de chargement moyen des tag comparé à la période précédente.

• Le nombre de fois où un tag est chargé comparé à la période précédente (ex. : le jour précédent si l’analyse est réalisée par jour).

• Le nombre de fois où les tag sont chargés sur le site comparé à la période précédente.

Remarque : la période en cours est toujours affichée en vert et la période de comparaison en bleu.\

Piggybacking

Le “Piggybacking”, qui consiste à déclencher un tag avec un autre, s’est largement développé de manière exponentielle avec l’apparition du programmatic. Les fuites de données qui en ont résulté ont généré des problèmes juridiques et des pertes financières pour les entreprises.

Dans ce contexte, le rapport “Tag Hierarchy” fournit une vue d’ensemble globale des requêtes qui se produisent pendant le chargement de votre site web et de son contenu. Vous pouvez ainsi mieux contrôler les appels émis depuis votre site web et les données échangées.

Structure du rapport :

1/Filtre type de page :

Ce rapport est filtré par type de page (option “page_type” dans le menu de segmentation). Le type de page sélectionné par défaut est le premier apparaissant dans la liste (1) et s’affiche en haut à gauche du rapport (2) : \

Vous pouvez à tout moment appliquer des filtres sur différents types de page ou désélectionner les filtres activés afin d’avoir une vue d’ensemble de votre site (veuillez noter que dans ce cas, le rapport peut prendre un peu plus de temps à se charger, car il combinera tous les domaines appelés sur votre site).

2/Type de requête (script/iframe/pixel)

Le rapport met en évidence la nature/le type de la requête :

• Script (URL appelée avec la balise <script>)

• Iframe (URL appelée avec une balise <iframe>)

• Pixel (URL appelée avec une balise <img>)

• “Other” (dans le cas où le type de requête n’est pas identifié)

3/Détail de la requête

Le rapport “Tag Hierarchy” vous permet de visualiser tous les domaines appelés depuis votre domaine principal ainsi que tous les autres domaines qu’ils appellent à différents niveaux :\

Dans le schéma ci-dessus, le sous-domaine 2 (“sub-domain 2”) est appelé depuis le domaine principal de votre site. Il s’agit d’un fichier JavaScript (cercle bleu) qui appelle à son tour deux pixels (cercles verts) et un fichier JavaScript. Les appels en cascade s’arrêtent ici pour cette requête, mais ce n’est pas le cas pour le sous-domaine 1 (“Sub-domain 1”), qui appelle des fichiers JavaScript qui émettent à leur tour de nouvelles requêtes.

Afin d’améliorer la lisibilité, les requêtes “sans enfant” du même type (script/iframe/pixel) provenant du même domaine sont regroupées sous le même nom de domaine, et un nombre entre parenthèses à côté du nom du domaine indique combien d’appels ont été émis depuis celui-ci :\

En survolant l’un de ces domaines (ex. : ) vous verrez, avec davantage de détails, quelles URL sont appelées par ceux-ci :

Vous pourrez également voir la structure de l’URL et ses paramètres pour certaines requêtes, ainsi que l’ensemble des informations envoyées aux solutions appelées sur votre site web :\

4/Dates du rapport

Les données affichées sont collectées sur les 24 dernières heures glissantes.

Cette exportation est actuellement indisponible.

Filtres

1)-Sélectionnez votre niveau d’analyse :

• “Tags impacting start render (First Paint)”: correspond au temps de chargement agrégé des hits envoyés avant l’événement Start Render.

• “Tags impacting page structure building (DomReady)”: correspond au temps de chargement agrégé des hits envoyés avant l’événement DOM Ready.

• “Tags impacting page loading time (Onload)”: correspond au temps de chargement agrégé des hits envoyés avant l’événement DOM Loaded.

• “Cumulated tag loading time”: correspond au temps de chargement agrégé de tous les hits (y compris ceux envoyés après l’événement DOM Loaded).

Exemple : le schéma suivant montre un extrait des tag présents sur le site :\

Voici les résultats que vous obtiendrez lorsque vous sélectionnerez les niveaux d’analyse suivants :

• “Tags impacting start render (First Paint)” : TAG1 (HIT1) + TAG2 (HIT1)

  
• “Tags impacting page structure building (DomReady)” : TAG1 (HIT1) + TAG2 (HIT1) + TAG1 (HIT2) + TAG1 (HIT3)\

  
• “Tags impacting page loading time (Onload)” : TAG1 (HIT1) + TAG2 (HIT1) + TAG1 (HIT2) + TAG1 (HIT3) + TAG2 (HIT2)

  
• “Cumulated tag loading time” : TAG1 (HIT1) + TAG2 (HIT1) + TAG1 (HIT2) + TAG1 (HIT3) + TAG2 (HIT2) + TAG1 (HIT4)

  

Si vous souhaitez en savoir plus sur les concepts “Start Render”, “DOM Ready » et « DOM Loaded”, veuillez vous référer à l’article Définition des métriques TagPerformance.

Si vous souhaitez en savoir plus sur les éléments techniques capturés par TagPerformance, veuillez vous référer à l’article Avancé : fonctionnement technique de TagPerformance.

2)-Sélectionnez, si nécessaire, l’un des filtres par défaut de l’interface si vous avez besoin d’une analyse plus détaillée des performances de votre site.

• Le type de page: Ce filtre vous permet d’afficher les performances de vos tag en fonction du template de page. Il est basé sur les valeurs de la variable “env_template”, qui sont automatiquement capturées par TagPerformance.

Remarque : si vous n’avez pas de variable env_template sur votre site, vous pouvez tout de même capturer les valeurs d’autres variables. Veuillez vous référer à l’article Adding the TagPerformance Tag.

• Le nom du container: Ce filtre vous permet d’afficher les performances des tag dans un ou plusieurs containers spécifiques.

• Le device: Ce filtre vous permet d’afficher les performances de vos tag en fonction des devices utilisés par vos visiteurs. La métrique “device” est calculée automatiquement par nos serveurs, à partir du user agent.

• OS: Ce filtre vous permet d’afficher les performances de vos tag en fonction des devices utilisés par vos visiteurs. La métrique “OS” est calculée automatiquement par nos serveurs à partir du user agent.

• Le Bowser: Ce filtre vous permet d’afficher les performances de vos tag en fonction des browsers utilisés par vos visiteurs. La métrique “browser” est calculée automatiquement par nos serveurs à partir du user agent.

Remarque : si vous souhaitez ajouter un filtre supplémentaire, veuillez vous référer à l’article Adding the TagPerformance Tag.

3)-Cliquez sur “Apply” pour obtenir les résultats filtrés et un niveau d’analyse différent.