Đ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 một trang 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ố quan trọng để đ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.

  • 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()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

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 trangSố lần thay đổi trang dựa trên các sự kiện trong nhật ký duyệt web.

    Hình ảnh minh hoạ chế độ cài đặt số lượt xem trang

  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 đ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ế độ đo lường 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 chính xác hay chưa.