Trang này mô tả cách sử dụng gtag.js để đo lường các lượt tương tác với các trang trên những trang web tải nội dung một cách linh động mà không cần tải toàn bộ trang truyền thống.
Tổng quan
Ứng dụng trang đơn (SPA) là một ứng dụng web hoặc trang web tải tất cả tài nguyên cần thiết để di chuyển trên một trang web trong lần tải trang đầu tiên. Khi người dùng nhấp vào các đường liên kết và tương tác với trang, nội dung tiếp theo sẽ tải tự động. Ứng dụng thường sẽ cập nhật URL trong thanh địa chỉ để mô phỏng cách điều hướng trang truyền thống, nhưng không bao giờ yêu cầu toàn bộ trang riêng biệt.
Thẻ Google hoạt động tốt với các trang web truyền thống vì đoạn mã sẽ chạy mỗi khi người dùng tải một trang mới. Tuy nhiên, đối với ứng dụng trang đơn mà trên đó trang web tự động tải nội dung trang mới thay vì tải toàn bộ trang, đoạn mã gtag.js chỉ chạy một lần. Điều này có nghĩa là các lượt xem trang (ảo) tiếp theo phải được đo lường theo cách thủ công khi tải nội dung mới.
Đo lường lượt xem trang ảo
Khi ứng dụng của bạn tải nội dung một cách linh động và cập nhật URL trong thanh địa chỉ, thì URL của trang được lưu trữ bằng gtag.js cũng phải được cập nhật. Sau đó, bạn cũng có thể đo lường sự thay đổi địa chỉ trên trang web của mình dưới dạng lượt xem trang.
Để thiết lập báo cáo gtag.js đường dẫn, hãy sử dụng lệnh set để chỉ định
giá trị cho thông số page_path:
gtag('set', 'page_path', page_path);
gtag('event', 'page_view');
Ví dụ:
gtag('set', 'page_path', '/new-page.html');
gtag('event', 'page_view');
Sau khi bạn thêm giá trị mới cho page_path, tất cả các sự kiện tiếp theo được gửi đến thuộc tính đó sẽ sử dụng giá trị mới đó.
Xử lý nhiều URL cho cùng một tài nguyên
Một số SPA chỉ cập nhật phần băm của URL khi tải nội dung động. Cách làm này có thể dẫn đến trường hợp có nhiều đường dẫn trang khác nhau trỏ đến cùng một tài nguyên. Trong những trường hợp như vậy, thông thường, bạn nên chọn một URL chính tắc và chỉ gửi giá trị page_path đó đến Google Analytics.
Ví dụ: hãy xem xét một trang web có trang "Giới thiệu" có thể truy cập được qua bất kỳ URL nào sau đây:
/about/#/about/home/#/about
Để tránh báo cáo trùng lặp, tốt nhất bạn nên ghi lại tất cả các trang này bằng cách sử dụng /about cho page_path.