Trang này được dịch bởi Cloud Translation API.

Thương mại điện tử trên GA4 (analytics.js – Thương mại điện tử tiêu chuẩn): Gửi sự kiện thương mại điện tử trên GA4

Hướng dẫn này mô tả cách di chuyển quy trình triển khai Thương mại điện tử tiêu chuẩn hiện có cho analytics.js Universal Analytics để sử dụng sự kiện thương mại điện tử 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 di chuyển.

Kết quả

Kết quả của việc làm theo hướng dẫn này là việc triển khai Google Analytics 4 mới sẽ gửi các sự kiện thương mại điện tử GA4 đến một tài sản GA4 mới và tài sản Universal Analytics hiện có. Tài sản Universal Analytics hiện tại sẽ nhận được dữ liệu thương mại điện tử GA4, nhưng các báo cáo sẽ không thay đổi.

Đây là hai giai đoạn di chuyển:

Di chuyển giao dịch UA sang sự kiện mua hàng trên GA4
- Thương mại điện tử tiêu chuẩn cho Universal Analytics hỗ trợ gửi dữ liệu về giao dịch và mặt hàng. Việc di chuyển sang một sự kiện purchase trong Google Analytics 4 sẽ cung cấp chức năng tương đương.
(Không bắt buộc) Đo lường các sự kiện thương mại điện tử khác trên GA4
- Triển khai các sự kiện thương mại điện tử khác trong GA4 để tận dụng tối đa các tính năng thương mại điện tử của GA4. Ví dụ: Lượt xem sản phẩm và lượt tương tác, Lượt tương tác trước khi mua hàng, Lượt tương tác trên trang thanh toán.

Trước khi bắt đầu

Xác nhận rằng thông tin sau đây mô tả cách triển khai hiện tại của bạn:
- Bạn đang sử dụng tài sản Universal Analytics.
  - Nếu tài sản của bạn có Mã theo dõi, thì đó là Universal Analytics.
- Trang web của bạn sử dụng thư viện analytics.js để gửi các sự kiện thương mại điện tử.
Xem lại các tuỳ chọn di chuyển để 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. Hãy xác nhận rằng bạn thực sự muốn làm theo hướng dẫn này để sử dụng các sự kiện thương mại điện tử của Google Analytics 4 cho cấu hình triển khai Universal Analytics hiện tại.
Xem Tài liệu tham khảo về khả năng tương thích với sự kiện để tìm hiểu cách chuyển đổi sự kiện mua hàng GA4 khi được gửi đến tài sản UA.

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

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

Ưu điểm	Nhược điểm
Xem dữ liệu thương mại điện tử trong cả báo cáo GA4 và Universal Analytics. Nếu di chuyển sang sự kiện `purchase` trên GA4, bạn sẽ nhận được các báo cáo thương mại điện tử hoàn chỉnh trên UA.	Bạn phải thực hiện thêm các bước khác để di chuyển từ analytics.js sang gtag.js. Bạn nên di chuyển tất cả hoạt động đo lường tuỳ chỉnh từ analytics.js sang gtag.js (ví dụ: sự kiện, lượt xem trang, thời gian, v.v.).

Triển khai

1. Di chuyển phương pháp đo lường trên UA từ analytics.js sang gtag.js

Để gửi sự kiện thương mại điện tử GA4, bạn phải di chuyển từ analytics.js sang gtag.js, bao gồm cả mọi phương pháp đo lường tuỳ chỉnh.

Nhìn chung, các bước để hoàn tất quá trình di chuyển sẽ bao gồm:

Hãy xoá đoạn mã analytics.js.
Cài đặt thẻ Google (gtag.js) rồi thiết lập bằng Mã theo dõi của tài sản UA.
Di chuyển mã đo lường tuỳ chỉnh từ analytics.js sang gtag.js. Các phần dưới đây mô tả cách di chuyển một giao dịch thương mại điện tử tiêu chuẩn. Hãy xem bài viết Di chuyển hoạt động đo lường để được trợ giúp chung về việc di chuyển các trường hợp đo lường khác.

Trước: thẻ analytics.js

<!-- Google Analytics -->
<script>
(function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){
(i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o),
m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m)
})(window,document,'script','https://www.google-analytics.com/analytics.js','ga');

ga('create', 'UA-XXXXX-Y', 'auto');    // Universal Analytics property.
ga('send', 'pageview');
</script>
<!-- End Google Analytics -->

Sau: Thẻ Google (gtag.js)

<!-- 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.
</script>

2. Cập nhật cấu hình triển khai tính năng thương mại điện tử để gửi các sự kiện GA4

Cập nhật cấu hình triển khai sự kiện thương mại điện tử hiện tại để chuyển từ việc sử dụng sự kiện thương mại điện tử Universal Analytics sang sự kiện Google Analytics 4. Sau khi bạn hoàn tất bước này, tài sản Universal Analytics của bạn sẽ nhận được sự kiện GA4 purchase. Xem lại phần Sự đánh đổi và cân nhắc để hiểu hệ quả của lần cập nhật này.

Ví dụ dưới đây minh hoạ cách di chuyển một sự kiện giao dịch thương mại điện tử chuẩn analytics.js sang một sự kiện purchase thương mại điện tử tương đương trên GA4. Sự kiện này tương thích với Universal Analytics.

Trước: Giao dịch thương mại điện tử tiêu chuẩn trên UA (analytics.js)

Ví dụ sau đây cho thấy cách triển khai thương mại điện tử tiêu chuẩn analytics.js cho một giao dịch có 2 mặt hàng:

// Add the transaction.
ga('ecommerce:addTransaction', {
  id: '1234',     // Transaction ID.
  affiliation: 'Google Store',
  revenue: '29.97',
  shipping: '5.25',
  tax: '2.42'
});

// Add the items belonging to the transaction.
ga('ecommerce:addItem', {
  id: '1234',     // Transaction ID.
  name: 'Android Warhol T-Shirt',
  sku: 'P12345',  // Item ID.
  category: 'Apparel/T-Shirts',
  price: '12.99',
  quantity: '2'
});
ga('ecommerce:addItem', {
  id: '1234',     // Transaction ID.
  name: 'Flame challenge T-Shirt',
  sku: 'P67890',  // Item ID.
  category: 'Apparel/T-Shirts',
  price: '3.99',
  quantity: '1'
});
ga('ecommerce:send');

Sau: Giao dịch mua hàng thương mại điện tử trên GA4 (gtag.js)

Khi di chuyển một sự kiện giao dịch analytics.js sang sự kiện purchase của GA4, các điểm khác biệt chính là:

GA4 có một sự kiện purchase duy nhất bao gồm tất cả thông tin chi tiết và mục liên quan đến giao dịch đó. analytics.js thực thi nhiều lệnh thương mại điện tử ga() để thu thập cùng một thông tin.
GA4 có một trường transaction_id duy nhất cho toàn bộ sự kiện. analytics.js yêu cầu bạn phải đưa Mã giao dịch vào từng mục.
GA4 có nhiều trường danh mục mặt hàng. analytics.js sử dụng một trường danh mục duy nhất với dấu phân tách / để mô tả hệ phân cấp. Tuy nhiên, các sự kiện GA4 có nhiều trường danh mục mặt hàng sẽ hoạt động được cho tài sản UA của bạn do tính năng Chuyển đổi thông số danh mục.

 gtag('event', 'purchase', {
   currency: 'USD',
   transaction_id: '1234',    // Transaction ID.
   value: 29.97,
   affiliation: 'Google Store',
   shipping: 5.25,
   tax: 2.42,
   items: [
    {
      item_id: 'P12345',     // Item ID.
      item_name: 'Android Warhol T-Shirt',
      item_category: 'Apparel',
      item_category2: 'T-Shirts',
      price: 12.99,
      quantity: 2
    },
    {
      item_id: 'P67890',    // Item ID.
      item_name: 'Flame challenge T-Shirt',
      item_category: 'Apparel',
      item_category2: 'T-Shirts',
      price: 3.99,
      quantity: 1
    }
  ]
});

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

Sau khi bạn cập nhật cấu hình triển khai sự kiện thương mại điện tử để gửi các sự kiện thương mại điện tử trên GA4, hãy hoàn tất một trong các lựa chọn sau để bắt đầu gửi dữ liệu đến tài sản Google Analytics 4 mới.

Cách 1: Sử dụng Trợ lý thiết lập GA4 và bật thẻ trang web đã kết nối

Trợ lý thiết lập GA4 sẽ tự động tạo một tài sản GA4 mới, đồng thời sao chép các chế độ cài đặt sau đây 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ệ. Ngoài ra, bạn cũng có thể bật tính năng thẻ trang web đã kết nối để sử dụng lại cấu hình triển khai gtag.js hiện tại của Universal Analytics nhằm tải tài sản GA4 mới.

Hãy làm theo các bước được mô tả trong Trợ lý thiết lập GA4 để tạo và định cấu hình một tài sản Google Analytics 4 mới. Hãy nhớ đánh dấu lựa chọn Cho phép thu thập dữ liệu bằng các thẻ hiện có để sử dụng tính năng thẻ trang web đã kết nối.

Cách 2: Cập nhật đoạn mã gtag.js

Tạo một tài sản Google Analytics 4 mới.
- Sử dụng Trợ lý thiết lập GA4 để thêm tài sản Google Analytics 4. 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ó khi được nhắc trong quá trình thiết lập. Ngoài ra, bạn có thể tạo một tài sản Google Analytics 4 mà không cần có Trợ lý thiết lập GA4. Ưu điểm của việc sử dụng trợ lý này là sẽ sao chép một số chế độ cài đặt cơ bản từ tài sản Universal Analytics của bạn.
Tìm mã thẻ cho tài sản Google Analytics 4.
Thêm tài sản Google Analytics 4 vào đoạn mã gtag.js hiện tại bằng cách sử dụng lệnh config có mã thẻ.

Sau đây là ví dụ về đoạn mã gtag.js đã định cấu hình một tài sản Universal Analytics và Google Analytics 4.

<!-- 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');  // Google Analytics 4 property.
</script>

4. (Không bắt buộc) Đo lường các sự kiện thương mại điện tử khác

Để khai thác tối đa báo cáo thương mại điện tử GA4, hãy triển khai thêm các sự kiện thương mại điện tử GA4 khác. Để tìm hiểu thêm, hãy xem bài viết Thương mại điện tử Google Analytics 4.

Nếu bạn sử dụng cấu hình đoạn mã gtag.js mặc định, thì các sự kiện GA4 sẽ được gửi đến cả tài sản UA và GA4. Các sự kiện GA4 gửi đến tài sản UA sẽ được dịch như đã xác định trong Tài liệu tham khảo về khả năng tương thích với sự kiện. Nếu muốn sử dụng hành vi khác, bạn có thể sử dụng chức năng Dữ liệu nhóm và định tuyến của gtag.js để kiểm soát những sự kiện được gửi đến tài sản UA và GA4 của bạn. Ví dụ: bạn có thể gửi sự kiện purchase đến cả tài sản UA và GA4, nhưng chỉ gửi các sự kiện thương mại điện tử GA4 khác đến tài sản GA4.