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
bằng cách sử dụng Google Analytics.
Ứng dụng trang đơn
(SPA) là các trang web tải một tài liệu HTML một lần và tìm nạp mọi
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 thể hiện sự quan tâm đến một số dịch vụ nhất định.
Trang màn hình thứ ba để đăng ký hội thảo trên web có liên quan đến sở thích của khách hàng.
Chìa khóa để đo lường chính xác số lượt xem trang từ SPA là đếm 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 liên kết giới thiệu trang, vì vậy, bạn có thể chính xác
theo dõi hành trình của người dùng.
Một thẻ Google được triển khai trên trang web của bạn và thẻ này sẽ kích hoạt khi trang ban đầu
tải. Tìm hiểu cách Thiết lập
thẻ.
Triển khai tính năng đo lường ứng dụng trên một trang
Để triển khai đo lường SPA chính xác, hãy sử dụng một trong các phương pháp sau để kích hoạt chiến dịch mới
lượt xem trang ảo:
Các thay đổi về nhật ký duyệt web (nên dùng): Nếu SPA của bạn sử dụng Nhật ký
API, cụ thể là
phương thức pushState() và replaceState() để cập nhật màn hình, hãy sử dụng phương thức này
.
Sự kiện tuỳ chỉnh: Nếu trang web của bạn sử dụng DocumentFragment
để kết xuất 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
Để 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 đơn đăng ký một trang của bạn. Khi bạn 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
page_view thông số sự kiện có sự kiện page_view trước đó cần kiểm tra
nếu đường liên kết giới thiệu trang và vị trí trang đã được cập nhật chính xác.
[null,null,["Cập nhật lần gần đây nhất: 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."]]],[]]