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>
Vérifier votre configuration de mesure
Pour vérifier que votre application monopage mesure correctement les pages vues:
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.
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.
Sauf indication contraire, le contenu de cette page est régi par une licence Creative Commons Attribution 4.0, et les échantillons de code sont régis par une licence Apache 2.0. Pour en savoir plus, consultez les Règles du site Google Developers. Java est une marque déposée d'Oracle et/ou de ses sociétés affiliées.
Dernière mise à jour le 2024/08/22 (UTC).
[null,null,["Dernière mise à jour le 2024/08/22 (UTC)."],[[["This guide helps developers track page views within single-page applications using Google Analytics 4."],["Accurate tracking involves counting views for each screen a user interacts with and ensuring correct referral data for user journey analysis."],["Implementation relies on leveraging browser history changes or custom events to trigger virtual page views for different screens within the application."],["Before starting, ensure you have a Google Analytics 4 account and a Google tag implemented on your website."],["Verification involves enabling debug mode and confirming that new `page_view` events are triggered with updated page referrer and location data upon screen transitions."]]],["Developers using Google Analytics to measure page views on single-page applications (SPAs) should count page views for each user-interacted screen and accurately track the page referrer. To implement this, they can trigger virtual page views via browser history changes using the History API's `pushState()` and `replaceState()` methods, or through custom events with the `DocumentFragment` object. After implementation, debug mode should be enabled to verify new `page_view` events for each virtual screen, ensuring referrer and location data updates correctly.\n"]]