Sử dụng bộ sưu tập để sắp xếp ngăn nắp các trang
Lưu và phân loại nội dung dựa trên lựa chọn ưu tiên của bạn.
Tài liệu này dành cho các nhà phát triển muốn đo lường số lượt xem trang trên ứng dụng một trang bằng Google Analytics.
Ứng dụng trang đơn (SPA) là những trang web tải một tài liệu HTML một lần và tìm nạp mọi nội dung bổ sung bằng API JavaScript.
Ví dụ: Giả sử bạn có một biểu mẫu để thu nạp một số khách hàng tiềm năng. Biểu mẫu có ba màn hình:
Màn hình đầu tiên để thu thập thông tin khách hàng.
Màn hình thứ hai, nơi khách hàng cho biết họ quan tâm đến một số dịch vụ nhất định.
Trang màn hình thứ ba để đăng ký tham gia hội thảo trên web liên quan đến mối quan tâm của khách hàng.
Để đo lường chính xác số lượt xem trang từ SPA, bạn cần tính số lượt xem trang cho mỗi màn hình mà người dùng tương tác và lấy đúng đường liên kết giới thiệu của trang để có thể theo dõi chính xác hành trình của người dùng.
Trước khi bắt đầu
Trang này giả định rằng bạn đã:
Tài khoản và tài sản Google Analytics 4 cho trang web của bạn. Tìm hiểu cách Thiết lập Google Analytics.
Một thẻ Google được triển khai trên trang web của bạn sẽ kích hoạt khi trang tải lần đầu. Tìm hiểu cách Thiết lập thẻ Google.
Triển khai tính năng đo lường ứng dụng trang đơn
Để triển khai tính năng đo lường SPA chính xác, hãy sử dụng một trong các phương thức sau để kích hoạt một lượt xem trang ảo mới:
Thay đổi nhật ký duyệt web (nên dùng): Nếu SPA của bạn sử dụng API Lịch sử, cụ thể là phương thức pushState() và replaceState() để cập nhật màn hình, hãy sử dụng tuỳ chọn này.
Sự kiện tuỳ chỉnh: Nếu trang web của bạn sử dụng đối tượng DocumentFragment để hiển thị nhiều màn hình, hãy sử dụng tuỳ chọn này.
Xác minh chế độ thiết lập tính năng đo lường
Cách xác minh rằng ứng dụng trang đơn của bạn đo lường chính xác số lượt xem trang:
Nhấp vào ứng dụng trang đơn. Khi nhấp vào một màn hình ảo mới, bạn sẽ thấy một sự kiện page_view mới trong DebugView. So sánh các thông số sự kiện page_view với sự kiện page_view trước đó để kiểm tra xem liệu liên kết giới thiệu trang và vị trí trang đã được cập nhật chính xác hay chưa.
[[["Dễ hiểu","easyToUnderstand","thumb-up"],["Giúp tôi giải quyết được vấn đề","solvedMyProblem","thumb-up"],["Khác","otherUp","thumb-up"]],[["Thiếu thông tin tôi cần","missingTheInformationINeed","thumb-down"],["Quá phức tạp/quá nhiều bước","tooComplicatedTooManySteps","thumb-down"],["Đã lỗi thời","outOfDate","thumb-down"],["Vấn đề về bản dịch","translationIssue","thumb-down"],["Vấn đề về mẫu/mã","samplesCodeIssue","thumb-down"],["Khác","otherDown","thumb-down"]],["Cập nhật lần gần đây nhất: 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"]]