Mesurer les applications monopages

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

Applications monopages (SPA, SPA) sont des sites Web qui chargent un document HTML une seule fois et qui récupèrent à 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 pour capturer les informations sur le client.
  • Deuxième écran où les clients expriment leur intérêt pour certains services.
  • Troisième page permettant de s'inscrire à des webinaires liés aux centres d'intérêt du client.

Pour mesurer correctement les pages vues depuis les applications monopages, il faut compter les pages vues pour pour chaque écran avec lequel un utilisateur interagit, et l'URL de provenance de la page est correctement affichée, ce qui vous permet tracer le parcours utilisateur.

Avant de commencer

Dans cette page, nous partons du principe 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 Configurez Analytics.

  • Une balise Google implémentée sur votre site Web et qui se déclenche au début de la page charge. Découvrez comment configurer l'application Google .

Implémenter la mesure des applications monopages

Pour implémenter une mesure SPA précise, utilisez l'une de ces méthodes afin de déclencher une nouvelle page vue virtuelle:

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

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

<ph type="x-smartling-placeholder"></ph>

Implémentation des modifications de l'historique du navigateur

Activer les mesures améliorées dans GA4

Pour mesurer automatiquement les 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 une par une. Sous Pages vues, cliquez sur Afficher paramètres avancés. Veillez à activer à la fois les options Chargement de page et Chargement des pages en fonction des événements de l'historique du navigateur.

    Image montrant le paramètre &quot;Pages vues&quot;

  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 dans la configuration de la mesure de l'application monopage. Découvrez comment Surveiller les événements dans DebugView.

  2. Cliquez sur votre application monopage. Lorsque vous cliquez sur un nouveau vous devriez voir un nouvel événement page_view dans DebugView. Comparez les Paramètres d'événement page_view avec l'événement page_view précédent à vérifier si l'URL de provenance et l'emplacement de la page ont été correctement mis à jour.