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 màn hình 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.
Để đo lường chính xác số lượt xem trang từ ứng dụng trang đơn (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à nhận được 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:
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.
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.
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.
Lưu các thay đổi.
Lưu ý: Khi bạn bật tính năng Đo lường nâng cao cho "Thay đổi trang dựa trên các sự kiện trong nhật ký trình duyệt", Google Analytics sẽ tự động theo dõi các sự kiện trong nhật ký (chẳng hạn như các sự kiện được dùng trong SPA) và gửi sự kiện page_view. Bạn không cần định cấu hình các biến hoặc trình kích hoạt cụ thể về nhật ký trong Trình quản lý thẻ của Google cho mục đích gửi lượt xem trang đến GA4.
Sử dụng điều kiện kích hoạt của Trình quản lý thẻ của Google cho các sự kiện trong nhật ký
Nếu cần kích hoạt các loại thẻ khác trong Trình quản lý thẻ của Google dựa trên các thay đổi về nhật ký trình duyệt (chẳng hạn như để gửi dữ liệu đến các nền tảng tiếp thị khác), bạn có thể sử dụng loại điều kiện kích hoạt "Thay đổi về nhật ký".
Khi định cấu hình thẻ hoặc biến để hoạt động với Trình kích hoạt Thay đổi nhật ký, hãy nhớ sử dụng đúng Biến tích hợp do Trình quản lý thẻ của Google cung cấp:
History New URL Fragment: Phân mảnh của URL sau sự kiện nhật ký.History Old URL Fragment: Phân đoạn của URL trước sự kiện trong nhật ký.History New State: Đối tượng trạng thái nhật ký mới.History Old State: Đối tượng trạng thái cũ trong nhật ký.History Source: Nguồn của sự kiện trong nhật ký (chẳng hạn nhưpopstate,pushState,replaceState).
Bạn có thể cần bật các Biến tích hợp này trong Trình quản lý thẻ của Google trước tiên trong mục Biến > Định cấu hình.
Để biết thêm thông tin chi tiết về điều kiện kích hoạt này, hãy xem phần Điều kiện kích hoạt thay đổi trong nhật ký.
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:
Bật chế độ gỡ lỗi cho mọi thẻ trong chế độ thiết lập tính năng đo lường SPA. Tìm hiểu cách Theo dõi các sự kiện trong DebugView.
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_viewmới trong DebugView. So sánh các thông số sự kiệnpage_viewvới sự kiệnpage_viewtrướ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 ứng dụng trang đơn (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ệnpage_viewcho 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_locationcủ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.