Thương mại điện tử GA4 (gtag.js): Gửi các sự kiện Universal Analytics và GA4

Hướng dẫn này mô tả cách duy trì các hoạt động triển khai thương mại điện tử riêng biệt gtag.js Universal Analytics và Google Analytics 4.

Truy cập vào Trung tâm di chuyển dành cho nhà phát triển để xem thêm tài nguyên và hướng dẫn về cách nâng cấp.

Kết quả

Kết quả của việc làm theo hướng dẫn này là bạn sẽ triển khai các sự kiện thương mại điện tử Google Analytics 4 cho một tài sản GA4 mới và giữ nguyên cấu hình triển khai sự kiện thương mại điện tử Universal Analytics hiện tại. Bạn sẽ gửi các sự kiện thương mại điện tử riêng biệt đến cả tài sản Universal Analytics và tài sản Google Analytics 4.

Xin lưu ý rằng khi bạn triển khai sự kiện thương mại điện tử cho cả UA và GA4, tài sản Google Analytics 4 sẽ sử dụng cấu hình triển khai sự kiện thương mại điện tử trên GA4.

Trước khi bắt đầu

  1. Sử dụng công cụ trình trợ giúp di chuyển dữ liệu thương mại điện tử để xác nhận rằng thông tin sau đây mô tả cách bạn triển khai hiện tại:

    • Bạn đang sử dụng tài sản Universal Analytics
    • Trang web của bạn sử dụng thư viện gtag.js để gửi các sự kiện thương mại điện tử

  2. Hãy xem lại các tuỳ chọn nâng cấp để triển khai thương mại điện tử để tìm hiểu về ưu và nhược điểm của từng tuỳ chọn. Xác nhận rằng bạn muốn làm theo hướng dẫn này và 2 cách triển khai tính năng phân tích: một cho tài sản Universal Analytics và một cách triển khai cho tài sản Google Analytics 4.

Đánh đổi và cân nhắc

Hãy xem và xem xét thông tin bên dưới để hiểu rõ hệ quả của việc triển khai 2 cách triển khai thương mại điện tử, một cho tài sản Universal Analytics và một cho tài sản Google Analytics 4.

Ưu điểm Nhược điểm
  • Cho phép bạn xem dữ liệu thương mại điện tử trong cả báo cáo GA4 và báo cáo Universal Analytics.
  • Không có thay đổi nào đối với cách thu thập hoặc báo cáo dữ liệu thương mại điện tử trong tài sản Universal Analytics.
  • Việc sử dụng các sự kiện và thông số GA4 đảm bảo báo cáo thương mại điện tử hoàn chỉnh trên GA4.
  • Bạn phải triển khai sự kiện thương mại điện tử trên GA4.
  • Trang web của bạn gửi 2 nhóm sự kiện: một nhóm cho Universal Analytics và một nhóm cho GA4. Điều này có thể ảnh hưởng đến hiệu suất.

Triển khai

1. Tạo và thiết lập tài sản GA4 mới

Hãy hoàn tất những bước sau để tạo và định cấu hình tài sản Google Analytics 4 mới:

  1. Tạo một tài sản Google Analytics 4 mới.
    • Sử dụng Trợ lý thiết lập GA4 để tự động tạo tài sản GA4 mới, rồi sao chép các chế độ cài đặt sau từ tài sản Universal Analytics: tên tài sản, URL trang web, múi giờ và chế độ cài đặt đơn vị tiền tệ. Tuy nhiên, hãy bỏ đánh dấu tuỳ chọn Cho phép thu thập dữ liệu bằng các thẻ hiện có để tắt tính năng thẻ trang web đã kết nối. Ngoài ra, nếu bạn không muốn sao chép bất kỳ chế độ cài đặt nào từ tài sản Universal Analytics, hãy tạo một tài sản Google Analytics 4 mà không cần có Trợ lý thiết lập GA4.
  2. Tìm mã thẻ cho tài sản Google Analytics 4. Bạn sẽ sử dụng tính năng này trong bước tiếp theo để định cấu hình tài sản GA4.
  3. Thêm tài sản GA4
    • Để đảm bảo rằng các sự kiện Universal Analytics chỉ được gửi đến tài sản UA và các sự kiện Google Analytics 4 chỉ được gửi đến tài sản GA4, hãy sử dụng chức năng Dữ liệu tuyến do gtag.js cung cấp.
    • Thêm tài sản Google Analytics 4 vào đoạn mã gtag.js hiện tại. Hãy sử dụng lệnh config và thông số groups với Mã thẻ để có thể chuyển sự kiện đến tài sản GA4 riêng biệt với tài sản Universal Analytics.

Sau đây là ví dụ về đoạn mã gtag.js đã định cấu hình tài sản Universal Analytics và tài sản Google Analytics 4. Những đoạn mã này được chỉ định cho nhóm GA4.

<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-XXXXX-Y"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'UA-XXXXX-Y');  // Universal Analytics property
  gtag('config', 'TAG_ID', { 'groups': 'GA4' });  // Google Analytics 4 property
</script>

2. Triển khai các sự kiện thương mại điện tử trên GA4 và định tuyến đến tài sản GA4

Sau khi tạo và định cấu hình tài sản Google Analytics 4 mới, bạn có thể triển khai các sự kiện thương mại điện tử GA4. Để hỗ trợ việc triển khai GA4 giống với cách triển khai Universal Analytics, hãy sử dụng các tài nguyên sau:

Ví dụ sau đây cho thấy các sự kiện purchase thương mại điện tử Universal Analytics và Google Analytics 4 riêng biệt được gửi đến các tài sản tương ứng bằng cách sử dụng thông số send_to cho các sự kiện GA4:

// Universal Analytics.
// The original UA implementation remains unchanged.
gtag('event', 'purchase', {
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "id": "P12345",
      "name": "Android Warhol T-Shirt",
      "brand": "Google",
      "category": "Apparel/T-Shirts",
      "variant": "Black",
      "list_name": "Search Results",
      "list_position": 1,
      "quantity": 2,
      "price": 12.00
    }
  ]
});


// The new Google Analytics 4 ecommerce implementation.
// Uses `send_to` to route data to the GA4 group defined in the tag config.
gtag('event', 'purchase', {
  "send_to": "GA4",
  "transaction_id": "24.031608523954162",
  "affiliation": "Google online store",
  "currency": "USD",
  "shipping": 7.50,
  "tax": 1.80,
  "value": 33.30,
  "items": [
    {
      "item_id": "P12345",
      "item_name": "Android Warhol T-Shirt",
      "item_brand": "Google",
      "item_category": "Apparel/T-Shirts",
      "item_variant": "Black",
      "quantity": 2,
      "price": 12.00
    }
  ],
});