Đo lường các ứng dụng trang đơn

Tài liệu này dành cho những nhà phát triển muốn đo lường lượt xem trang trên ứng dụng trang đơn bằng Google Analytics.

Ứng dụng một trang (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 cách sử dụ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 này có 3 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 thứ ba để đăng ký tham gia các hội thảo trực tuyến liên quan đến mối quan tâm của khách hàng.

Yếu tố then chốt để đ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à nhận được đường liên kết giới thiệu chính xác của trang, nhờ đó, bạn 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 đã có:

• 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 và 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 giải pháp đo lường ứng dụng một trang

Để triển khai hoạt độ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ý trình duyệt (nên dùng): Nếu SPA của bạn sử dụng History API, cụ thể là phương thức pushState() và replaceState() để cập nhật màn hình, hãy sử dụng lựa 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 lựa chọn này.

Triển khai thay đổi nhật ký trình duyệt

Nếu SPA của bạn sử dụng History API, bạn có thể bật tính năng đo lường nâng cao trong Google Analytics để tự động theo dõi lượt xem trang dựa trên các sự kiện trong nhật ký trình duyệt.

Bật tính năng đo lường nâng cao trong GA4

Cách tự động đo lường page_views dựa trên nhật ký duyệt web:

1. Mở Google Analytics

2. Trên trang Quản trị, trong mục Thu thập và sửa đổi dữ liệu, hãy nhấp vào Luồng dữ liệu > Web.

3. Trong mục Đo lường nâng cao, hãy trượt nút gạt sang chế độ Bật để bật tất cả tuỳ chọn.

4. Nhấp để chỉnh sửa từng lựa chọn. Trong phần Số lượt xem trang, hãy nhấp vào Hiện chế độ cài đặt nâng cao. Đảm bảo bạn bật cả Số lượt tải trang và Số lần thay đổi trang dựa trên các sự kiện trong nhật ký duyệt web.

   

5. Lưu các thay đổi.

Xác minh chế độ thiết lập tính năng đo lường

Để xác minh rằng ứng dụng một trang của bạn đo lường lượt xem trang một cách chính xác, hãy làm như sau:

1. Bật chế độ gỡ lỗi cho mọi thẻ trong chế độ thiết lập tính năng đo lường ứng dụng trang đơn (SPA). Tìm hiểu cách Theo dõi các sự kiện trong DebugView.

2. Nhấp vào ứng dụng một trang của bạ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 giá trị giới thiệu trang và vị trí trang đã được cập nhật đúng cách hay chưa.

Ảnh hưởng đến sự kiện tự động

Nếu bạn triển khai đúng cách tính năng đo lường lượt xem trang ảo trong SPA, thì Google Analytics sẽ xử lý các sự kiện tự động khác một cách phù hợp. Nếu lượt xem trang ảo không được ghi lại cho các thay đổi về màn hình, thì Google Analytics sẽ coi SPA là một trang duy nhất, dẫn đến các chỉ số bị sai lệch.

Ví dụ: sự kiện user_engagement đo lường thời gian người dùng dành cho một trang. Nếu không có lượt xem trang ảo, tất cả thời gian tương tác sẽ được phân bổ cho lần tải trang ban đầu, khiến bạn không thể phân tích thời gian dành cho từng màn hình.

Khi bạn triển khai tính năng đo lường lượt xem trang ảo đúng cách:

• Sự kiện user_engagement được gửi khi người dùng chuyển từ trang ảo này sang trang ảo khác.
• Thời gian tương tác cho trang ảo trước đó được tính và gửi cùng với sự kiện user_engagement, thường là ngay trước khi sự kiện page_view cho trang ảo mới được xử lý.
• Các sự kiện khác, chẳng hạn như lượt nhấp hoặc lượt di chuyển, được liên kết với page_location của trang ảo mà người dùng hiện đang xem.

Điều này cho phép bạn phân tích mức độ tương tác của người dùng và các chỉ số khác cho từng màn hình hoặc mục trong SPA, giúp bạn hiểu rõ hơn về hành trình của người dùng.