Cette page explique comment utiliser gtag.js pour mesurer les interactions avec les pages de sites qui chargent du contenu de manière dynamique, sans chargements de page complets traditionnels.
Présentation
Une application monopage (SPA) est une application ou un site Web qui charge toutes les ressources nécessaires pour naviguer sur un site dès le premier chargement de la page. Lorsque l'utilisateur clique sur des liens et interagit avec la page, le contenu qui suit se charge de manière dynamique. L'application met souvent à jour l'URL dans la barre d'adresse pour émuler la navigation sur les pages classique, mais aucune requête de page complète distincte n'est effectuée.
La balise Google fonctionne bien avec les sites Web traditionnels, car l'extrait de code s'exécute chaque fois que les utilisateurs chargent une nouvelle page. Toutefois, pour une application monopage où le site charge le nouveau contenu de la page de manière dynamique plutôt qu'en pleine page, l'extrait de code gtag.js ne s'exécute qu'une seule fois. Cela signifie que les pages vues ultérieures (virtuelles) doivent être mesurées manuellement lors du chargement de nouveau contenu.
Comptabiliser les pages vues virtuelles
Lorsque votre application charge du contenu de manière dynamique et met à jour l'URL dans la barre d'adresse, l'URL de la page stockée avec gtag.js doit également être mise à jour. Vous pouvez également mesurer les changements d'adresse sur votre site en tant que pages vues.
Pour définir les rapports gtag.js sur le chemin, exécutez la commande set afin de spécifier une valeur pour le paramètre page_path:
gtag('set', 'page_path', page_path);
gtag('event', 'page_view');
Exemple :
gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');
Une fois que vous avez ajouté la nouvelle valeur pour page_path, tous les événements suivants envoyés à cette propriété utiliseront cette nouvelle valeur.
Gérer plusieurs URL pour la même ressource
Certaines applications monopages ne mettent à jour la partie de hachage de l'URL que lors du chargement dynamique du contenu. Cette pratique peut entraîner des situations dans lesquelles de nombreux chemins de pages différents pointent vers la même ressource. Dans ce cas, il est généralement préférable de choisir une URL canonique et de n'envoyer que cette valeur page_path à Google Analytics.
Prenons l'exemple d'un site Web dont la page "À propos de nous" est accessible via l'une des URL suivantes:
/about/#/about/home/#/about
Pour éviter de dupliquer vos rapports, il est préférable d'enregistrer toutes ces pages en utilisant /about pour page_path.