Đo lường ứng dụng một trang bằng Trình quản lý thẻ của Google

Hướng dẫn này trình bày cách thiết lập tính năng đo lường của Google Analytics cho ứng dụng một trang (SPA) bằng Trình quản lý thẻ của Google. Bạn sẽ tìm hiểu cách định cấu hình tài sản Google Analytics, bật các biến GTM cần thiết và tạo thẻ kích hoạt khi có thay đổi về nhật ký.

Trước khi bắt đầu

Hướng dẫn này giả định rằng bạn có:

Bước 1: Chuẩn bị luồng dữ liệu GA4

Để theo dõi sự kiện page_view theo cách thủ công trong SPA, trước tiên, bạn phải tắt lượt xem trang tự động dựa trên nhật ký trong GA4 để tránh tính trùng lặp.

  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.
  3. Chọn luồng dữ liệu web.
  4. Trong mục Đo lường nâng cao, hãy nhấp vào biểu tượng chế độ cài đặt .
  5. Trong mục Lượt xem trang > Hiện chế độ cài đặt nâng cao, hãy bỏ chọn Số lần thay đổi trang dựa trên các sự kiện trong nhật ký trình duyệt.
  6. Nhấp vào Lưu.

Bước 2: Bật các biến Nhật ký tích hợp trong Trình quản lý thẻ

Để sử dụng các biến hoặc điều kiện kích hoạt dựa trên nhật ký trong GTM, trước tiên, bạn phải bật các biến Nhật ký tích hợp.

  1. Mở Trình quản lý thẻ của Google.
  2. Trong không gian làm việc, hãy chuyển đến Biến.
  3. Trong mục Biến tích hợp, hãy nhấp vào Định cấu hình.
  4. Trong mục Nhật ký, hãy bật các biến sau:
    • History New URL Fragment
    • History Old URL Fragment
    • History New State
    • History Old State
    • History Source
  5. Đóng bảng điều khiển cấu hình.

Bước 3: Tạo điều kiện kích hoạt Thay đổi nhật ký

Tiếp theo, hãy tạo một điều kiện kích hoạt sẽ kích hoạt bất cứ khi nào sự kiện thay đổi nhật ký (như pushState hoặc replaceState) xảy ra trong SPA.

  1. Trong không gian làm việc của Trình quản lý thẻ, hãy chuyển đến trình đơn Điều kiện kích hoạt.
  2. Nhấp vào Mới.
  3. Trong Cấu hình điều kiện kích hoạt, hãy chọn điều kiện kích hoạt Thay đổi nhật ký.
  4. (Không bắt buộc) Nếu bạn chỉ muốn theo dõi một số thay đổi nhất định trên màn hình, hãy cập nhật điều kiện kích hoạt để kích hoạt trên Một số thay đổi nhật ký.
  5. Đặt tên cho điều kiện kích hoạt (ví dụ: "Thay đổi nhật ký") rồi nhấp vào Lưu.

Bước 4: Tạo thẻ Google

Bây giờ, hãy tạo thẻ Google cập nhật tham số page_location bất cứ khi nào có thay đổi về nhật ký.

  1. Trong trình đơn Thẻ, hãy nhấp vào Mới.
  2. Trong Cấu hình thẻ, hãy chọn Thẻ Google.
  3. Nhập Mã thẻ (mã giống với mã dùng cho thẻ Google ban đầu).

  4. Trong mục Cài đặt cấu hình, hãy thêm các tham số sau:

    • page_location: {{Page URL}}
    • page_title: {{Page Title}}
    • update: true

  5. Đặt tên cho thẻ (ví dụ: "Thẻ Google – Cập nhật SPA") rồi nhấp vào Lưu.

Bước 5: Gửi sự kiện page_view ảo

Cuối cùng, hãy tạo thẻ Sự kiện GA4 để gửi sự kiện page_view thực tế cho mỗi lần tải trang ảo.

  1. Nhấp vào Mới trong trình đơn Thẻ.
  2. Trong Cấu hình thẻ, hãy chọn Google Analytics: Sự kiện GA4.
  3. Nhập Mã đo lường.
  4. Đặt Tên sự kiện thành page_view.
  5. Trong mục Cài đặt nâng cao > Sắp xếp theo trình tự thẻ, hãy chọn Kích hoạt thẻ trước khi kích hoạt Sự kiện GA4 – Lượt xem trang ảo rồi chọn thẻ Thẻ Google – Cập nhật SPA mà bạn đã tạo ở Bước 4.
  6. Trong mục Kích hoạt, hãy chọn điều kiện kích hoạt Thay đổi nhật ký mà bạn đã tạo ở Bước 3.
  7. Đặt tên cho thẻ (ví dụ: "Sự kiện GA4 – Lượt xem trang ảo") rồi nhấp vào Lưu.

Bước 6: Xác minh chế độ thiết lập

Để đảm bảo lượt xem trang ảo được ghi lại chính xác:

  1. Trong Trình quản lý thẻ, hãy nhấp vào Xem trước để chuyển sang Chế độ xem trước.
  2. Di chuyển trong SPA.
  3. Trong Google Analytics DebugView, hãy xác minh rằng sự kiện page_view mới xuất hiện cho mỗi lần thay đổi màn hình.
  4. Kiểm tra để đảm bảo rằng các giá trị page_location khớp với những gì bạn mong đợi.
Trước
Đo lường ứng dụng trang đơn (SPA)
Tiếp
Thiết lập sự kiện mua hàng