Restez organisé à l'aide des collections
Enregistrez et classez les contenus selon vos préférences.
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 d'API JavaScript.
Exemple: vous disposez d'un formulaire pour générer des prospects. Le formulaire comporte trois écrans:
Premier écran permettant de collecter les informations sur le client.
Deuxième écran sur lequel les clients indiquent leur intérêt pour certains services.
Troisième écran permettant de s'inscrire à des webinaires en lien avec les centres d'intérêt du client.
Pour mesurer correctement les pages vues à partir d'une application SPA, vous devez compter les pages vues pour chaque écran avec lequel un utilisateur interagit et obtenir le bon référent de la page afin de pouvoir 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 qui se déclenche lors du chargement initial de la page. Découvrez comment configurer la balise Google.
Implémenter des mesures pour les 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 la méthode pushState() et replaceState() pour mettre à jour les écrans, utilisez cette option.
Événements personnalisés: si votre site Web utilise l'objet DocumentFragment pour afficher différents écrans, utilisez cette option.
Vérifier la configuration de vos mesures
Pour vérifier que votre application monopage mesure correctement les pages vues:
Parcourez 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 de l'événement page_view avec l'événement page_view précédent pour vérifier si le référent 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 2025/04/29 (UTC).
[[["Facile à comprendre","easyToUnderstand","thumb-up"],["J'ai pu résoudre mon problème","solvedMyProblem","thumb-up"],["Autre","otherUp","thumb-up"]],[["Il n'y a pas l'information dont j'ai besoin","missingTheInformationINeed","thumb-down"],["Trop compliqué/Trop d'étapes","tooComplicatedTooManySteps","thumb-down"],["Obsolète","outOfDate","thumb-down"],["Problème de traduction","translationIssue","thumb-down"],["Mauvais exemple/Erreur de code","samplesCodeIssue","thumb-down"],["Autre","otherDown","thumb-down"]],["Dernière mise à jour le 2025/04/29 (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"]]
