Mesurer les applications monopages

Ce document s'adresse aux développeurs qui souhaitent mesurer les pages vues sur leur application monopage à l'aide de Google Analytics.

Les applications monopages (SPA) sont des sites Web qui chargent un document HTML une seule fois et récupèrent tout contenu supplémentaire à l'aide des API JavaScript.

Exemple : Supposons que vous disposiez d'un formulaire pour acquérir des prospects. Le formulaire comporte trois écrans :

• Premier écran permettant de recueillir les informations sur le client.
• Deuxième écran où les clients indiquent leur intérêt pour certains services.
• Troisième page de l'écran permettant de s'inscrire à des webinaires liés aux centres d'intérêt du client.

Pour mesurer correctement les pages vues à partir des SPA, vous devez les comptabiliser pour chaque écran avec lequel un utilisateur interagit et obtenir le referrer de la page. Vous pourrez ainsi suivre correctement le parcours utilisateur.

Avant de commencer

Cette page suppose que vous disposez déjà des éléments suivants :

• Un compte et une propriété Google Analytics 4 pour votre site Web. Découvrez comment configurer Google Analytics.

• Balise Google implémentée sur votre site Web et qui se déclenche lorsque la page se charge initialement. Découvrez comment configurer la balise Google.

Implémenter la mesure des applications monopages

Pour implémenter une mesure précise des SPA, utilisez l'une des méthodes suivantes pour déclencher une nouvelle page vue virtuelle :

• Modifications de l'historique du navigateur (recommandé) : si votre SPA utilise l'API History, en particulier les méthodes pushState() et replaceState() pour mettre à jour les écrans, utilisez cette option.

• Événements personnalisés : utilisez cette option si votre site Web utilise l'objet DocumentFragment pour afficher différents écrans.

Implémentation de l'historique du navigateur Implémentation d'événements personnalisés

Implémentation de la modification de l'historique du navigateur

Activer les mesures améliorées dans GA4

Pour mesurer automatiquement page_views en fonction de l'historique du navigateur :

1. Ouvrez Google Analytics.

2. Dans Administration, sous Collecte et modification des données, cliquez sur Flux de données > Web.

3. Sous Mesures améliorées, faites glisser le bouton sur Activé pour activer toutes les options.

4. Cliquez pour modifier les options individuellement. Sous Vues de page, cliquez sur Afficher les paramètres avancés. Veillez à activer Chargements de page et Changements de pages selon les événements de l'historique du navigateur.

   

5. Enregistrez les modifications.

Vérifier votre configuration de mesure

Pour vérifier que votre application monopage mesure correctement les pages vues :

1. Activez le mode débogage pour chaque balise de votre configuration de mesure de SPA. Découvrez comment surveiller les événements dans DebugView.

2. Cliquez sur votre application monopage. Lorsque vous cliquez sur un nouvel écran virtuel, un nouvel événement page_view doit s'afficher dans DebugView. Comparez les paramètres d'événement page_view avec l'événement page_view précédent pour vérifier si le referrer et l'emplacement de la page ont été correctement mis à jour.