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

Hướng dẫn này mô tả cách sử dụng phương thức triển khai thương mại điện tử gtag.js Universal Analytics hiện có để gửi các sự kiện thương mại điện tử đến tài sản Google Analytics 4.

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

Kết quả

Kết quả của việc làm theo hướng dẫn này là phương thức triển khai Universal Analytics hiện tại của bạn sẽ được dùng để điền sẵn tài sản Google Analytics 4 mới. Cách triển khai Universal Analytics hiện tại của bạn sẽ không thay đổi, báo cáo thương mại điện tử UA sẽ tiếp tục được điền dữ liệu và tài sản Google Analytics 4 mới sẽ bắt đầu nhận dữ liệu.

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. 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ấu hình triển khai gtag.js Universal Analytics hiện tại cho Google Analytics 4.

  3. 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 dịch các sự kiện UA khi được gửi đến thuộc tính GA4.

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

Xem lại và cân nhắc thông tin bên dưới để hiểu đầy đủ về hệ quả của việc sử dụng cấu hình triển khai thương mại điện tử gtag.js (Universal Analytics) hiện tại với tài sản Google Analytics 4.

Ưu điểm Nhược điểm
  • Cách dễ nhất để triển khai vì bạn không thay đổi các thẻ sự kiện thương mại điện tử hiện có.
  • 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ó gì thay đổi đố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.
  • Các sự kiện select_content, checkout_progress, set_checkout_optionview_refund không được ghi nhận trong GA4 và sẽ không xuất hiện trong báo cáo thương mại điện tử GA4.
    • Các sự kiện ở trên và các thông số liên quan sẽ được coi là sự kiện tuỳ chỉnh và thông số tuỳ chỉnh trong GA4. Tuy nhiên, dữ liệu sẽ không được gửi đến Google Analytics cho thông số items (thông số này không được hỗ trợ dưới dạng thông số tuỳ chỉnh).
  • Bước Thêm thông tin vận chuyển trong báo cáo Phễu thu nhỏ/Chi tiết giỏ hàng của GA4 sẽ trống.
  • Bước Lượt nhấp vào danh sách trong báo cáo Phễu về hàng hoá/sản phẩm/danh sách mặt hàng của GA4 sẽ bị trống.
  • Không nhận dạng được dấu phân cách / cho danh mục trong GA4. GA4 sẽ báo cáo cat1/cat2/cat3 dưới dạng một danh mục thay vì 3 danh mục, tức là cat1, cat2cat3.

Triển khai

Hoàn tất một trong những lựa chọn sau để sử dụng quy trình triển khai gtag.js Universal Analytics hiện có nhằm gửi các sự kiện thương mại điện tử đến tài sản Google Analytics 4.

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ờ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

  1. 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.
  2. Tìm Mã đo lường cho tài sản Google Analytics 4.
  3. 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 configMã đo lường.

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>