[UA→GA4] Cách gtag.js của UA liên kết với GA4

Đây là một hướng dẫn triển khai dành cho những chủ sở hữu trang web sử dụng thư viện gtag.js và muốn tìm hiểu mối tương quan giữa gtag.js cho Universal Analytics (UA) và Google Analytics 4. Giả sử bạn đã tạo một tài sản Google Analytics 4. Nếu bạn chỉ cần thêm mã đo lường cơ bản vào trang web của mình, hãy đọc bài viết này.

Nội dung trong bài viết này:

• Giới thiệu về đoạn mã gtag.js
• Tính năng thu thập dữ liệu cơ bản
• Chế độ cấu hình cho gtag.js
• Sự kiện
• Phương diện và chỉ số tuỳ chỉnh

Giới thiệu về đoạn mã gtag.js và Mã tài sản

Về cơ bản, các đoạn mã gtag.js cho tài sản Universal Analytics và cho tài sản Google Analytics 4 là như nhau. Cả hai đoạn mã này đều có cấu trúc như sau:

01: <script async src="https://www.googletagmanager.com/gtag/js?id=<Some Property ID A>"></script>

02: <script>

03: window.dataLayer = window.dataLayer || [];

04: function gtag(){dataLayer.push(arguments);}

05: gtag('js', new Date());

06:

07: gtag('config', '<Some Property ID A>');

08:

09: gtag('config', '<Some Property ID B>');

10:

11: gtag('event', 'sign_up', { 'method': 'email' });

12:

13: gtag('event', 'view_video', { 'send_to': '<Some Property ID B>' });

14:

15: </script>

Dòng 1: Nếu đã triển khai một tài sản Universal Analytics thông qua gtag.js, thì có thể bạn đã có dòng mã này trên trang web của mình. Thay vì <Some Property ID A>, bạn sẽ thấy "UA-" và sau đó là một dãy số. Nếu đã triển khai gtag.js cho Google Ads hoặc một sản phẩm Google Marketing Platform khác, bạn cũng có thể đã có dòng mã này trên trang web của mình, nhưng <Some Property ID A> sẽ bắt đầu bằng "AW-" hoặc "DC-".

Mã tài sản (hoặc mã thẻ cho tài sản Google Analytics 4) được biểu thị bằng <Some Property ID A> "kiểm soát" đoạn mã gtag.js này. Điều này rất quan trọng vì:

1. Nếu đã có dòng này, thì bạn không cần triển khai lại. Bạn chỉ cần thêm dòng "config" để chỉ định mã thẻ.
2. Mã tài sản trên dòng này là "đơn vị kiểm soát" của đoạn mã gtag.js. Nếu mã tài sản Universal Analytics ("UA-XXXXXXXX") kiểm soát thẻ này, thì bạn có thể sử dụng thẻ trang web đã kết nối để gửi dữ liệu đo lường đến một tài sản Google Analytics 4 mà không cần thêm mã mới vào trang.

Dòng 7: Lệnh "config" trong gtag kích hoạt tính năng thu thập dữ liệu cho tài sản đã liên kết với <Some Property ID A>. Ví dụ: Khi bạn thêm lệnh này kèm theo mã thẻ cho một tài sản Google Analytics 4, sự kiện page_view sẽ được gửi đến tài sản đó.

Mã tài sản có thể biểu thị hoạt động đo lường cho nhiều sản phẩm của Google, như tài sản Universal Analytics ("UA-XXXXXXXX"), tài sản Google Analytics 4 ("G-XXXXXXXX"), Google Ads ("AW-XXXXXXXX") hoặc Floodlight ("DC-XXXXXXXX").

Dòng 11: Lệnh "event" trong gtag sẽ gửi một sự kiện. Trong những đoạn mã có nhiều lệnh "config" cho nhiều tài sản, sự kiện đó sẽ được gửi tới tất cả tài sản.

Trong ví dụ này, thông số "sign_up" là tên sự kiện. Thông số cuối cùng là một đối tượng chứa tập hợp các thông số sự kiện. Trong trường hợp này, thông số "method" có giá trị là "email".

Dòng 13: Sự kiện này có một thông số là "send_to". Đây là một thông số đặc biệt sẽ gửi sự kiện liên quan đến một tài sản cụ thể. Nói cách khác, sự kiện này sẽ chỉ được gửi đến tài sản được biểu thị bằng <Some Property ID B>.

Lệnh config trong gtag cũng sẽ bật tính năng đo lường cơ bản.

• Đối với tài sản Universal Analytics, lệnh "config" có mã tài sản Universal Analytics sẽ gửi lượt xem trang.
• Đối với tài sản Google Analytics 4, lệnh "config" có mã thẻ sẽ cho phép thu thập các sự kiện page_view (dưới dạng sự kiện được thu thập tự động) khi lệnh đó tải trên một trang.

Mã tài sản

Mã tài sản Universal Analytics có định dạng là "UA-XXXXXXXX". Mã này đôi khi còn được gọi là Mã theo dõi. Trong hướng dẫn này, chúng tôi sẽ gọi mã này là mã tài sản UA.

Luồng dữ liệu web của tài sản Google Analytics 4 sử dụng mã thẻ có định dạng là "G-XXXXXXXX".

Trong một số tài liệu và ví dụ về mã, bạn có thể thấy cả 2 mã này được gọi là "TAG_ID".

Tính năng thu thập dữ liệu cơ bản

Khi bật tính năng thu thập dữ liệu cơ bản cho tài sản Google Analytics 4, bạn có thể thu thập những dữ liệu sau:

• sự kiện page_view
• các sự kiện được thu thập tự động
• sự kiện đo lường nâng cao (nếu được bật trong giao diện người dùng)

Nếu đang triển khai tài sản Universal Analytics hiện có thông qua gtag.js, bạn có thể bật tính năng thu thập dữ liệu cơ bản cho tài sản Google Analytics 4 bằng cách:

• Cách 1: Thêm lệnh "config" mới kèm theo mã thẻ có liên quan
  HOẶC
• Cách 2: Bật thẻ trang web đã kết nối (nếu mã gtag.js mà bạn đã triển khai đủ điều kiện)

Dù bạn chọn cách nào, tài sản Universal Analytics hiện tại đều không bị ảnh hưởng và sẽ tiếp tục thu thập dữ liệu.

Cách 1: Thêm lệnh "config" mới

Nếu đã có mã gtag.js trên trang, bạn chỉ cần thêm lệnh "config" mới cùng với Mã đo lường của tài sản Google Analytics 4 liên quan. Trong ví dụ bên dưới, chúng tôi đã thêm dòng 8 vào đoạn mã gtag.js đã triển khai. Dòng mã đó tham chiếu đến Mã đo lường của tài sản Google Analytics 4. Nhờ vậy, các sự kiện page_view sẽ được gửi đến tài sản Google Analytics 4 đó. Việc thêm dòng mã này cũng bật tính năng tự động thu thập sự kiện và sự kiện đo lường nâng cao (nếu bạn đã bật tính năng đo lường nâng cao) trong tài sản Google Analytics 4 đó.

1: <script async src="https://www.googletagmanager.com/gtag/js?id=<Some Property ID A>"></script>

2: <script>

3: window.dataLayer = window.dataLayer || [];

4: function gtag(){dataLayer.push(arguments);}

5: gtag('js', new Date());

6:

7: gtag('config', '<Some Property ID A>');

8: gtag('config', 'G-XXXXXXXX');

9: </script>

Cách 2: Bật thẻ trang web đã kết nối

Bạn có thể sử dụng thẻ trang web đã kết nối nếu:

• Đoạn mã gtag.js hiện tại trên trang mà bạn muốn đo lường hoạt động tương tác của người dùng do một tài sản Universal Analytics "kiểm soát" (tức là Mã tài sản được nhắc đến trong dòng mã gtag.js này bắt đầu bằng "UA-"):

<script async src="https://www.googletagmanager.com/gtag/js?id=<Some Property ID A>"></script>

(Thẻ trang web đã kết nối cũng sẽ hoạt động nếu đoạn mã gtag.js hiện tại do một tài sản Google Analytics 4 kiểm soát. Tuy nhiên, bạn chỉ gặp trường hợp này nếu đã triển khai tài sản Google Analytics 4.)

• VÀ bạn có quyền quản trị đối với tài sản Universal Analytics có Mã tài sản trong đoạn mã.

Nếu đã triển khai cả thẻ gtag.js và vùng chứa Trình quản lý thẻ của Google (GTM) trên trang của bạn, thì bạn phải đặt thẻ gtag.js phía trên vùng chứa GTM đó để thẻ trang web đã kết nối hoạt động.

Chế độ cấu hình cho gtag.js

Bạn có thể định cấu hình đoạn mã gtag.js cơ bản để kiểm soát các chế độ cài đặt thu thập dữ liệu như ẩn danh IP, tùy chỉnh cookie và Google Tín hiệu. Việc này được thực hiện thông qua các lệnh "config" hoặc "set" trong gtag.js.

Cả tài sản Universal Analytics ("UA-XXXXXXXX") và Google Analytics 4 ("G-XXXXXXXX") đều hỗ trợ việc triển khai các chế độ cấu hình này thông qua gtag.js. Tuy nhiên, có một vài khác biệt giữa các chế độ cài đặt này cho tài sản Universal Analytics và Google Analytics 4. 

• Tùy chọn Ẩn danh IP có giá trị chuẩn là "true" và bạn không thể định cấu hình tùy chọn này trong tài sản Google Analytics 4. Do đó, địa chỉ IP sẽ tự động được che dấu bằng sự kiện tiêu chuẩn với tài sản Google Analytics 4 ("G-XXXXXXXX").

• Khi cần áp dụng chế độ cài đặt chung cho tất cả các tài sản đã định cấu hình, bạn nên sử dụng lệnh "set" để áp dụng cho tất cả các Mã đo lường và/hoặc Mã tài sản (bao gồm cả những mã được triển khai thông qua thẻ trang web đã kết nối).
• Bạn nên đặc biệt chú ý đến các tính năng Tắt chức năng cá nhân hóa quảng cáo – các tính năng được triển khai chủ yếu thông qua dòng lệnh "config".
• Khi sử dụng thẻ trang web đã kết nối: Mọi cấu hình được tạo trong mã gtag.js bằng lệnh "config" sẽ chỉ áp dụng cho tài sản có Mã đo lường trong dòng mã đó; hệ thống sẽ không tự động gửi các cấu hình này tới tài sản Google Analytics 4 đã kết nối. Nếu bạn muốn áp dụng cấu hình này cho tài sản Google Analytics 4 đã kết nối, hãy làm như sau:
  • Tạo một lệnh "config" riêng và áp dụng lệnh đó cho tài sản Google Analytics 4 liên quan bằng cách tham chiếu đến Mã đo lường
    HOẶC
  • Định cấu hình chế độ cài đặt bằng cách sử dụng lệnh "set". Trong trường hợp này, cấu hình sẽ được áp dụng cho tất cả các tài sản được định cấu hình.

Ví dụ về cấu hình

Bật tính năng thu thập dữ liệu cơ bản; định cấu hình User-ID

gtag('config', 'GA_MEASUREMENT_ID', {

'user_id': 'USER_ID'

});

Định cấu hình các chế độ cài đặt cookie

gtag('config', 'GA_MEASUREMENT_ID', {

'cookie_prefix': 'MyCookie',

'cookie_domain': 'blog.example.com',

'cookie_expires': 28 * 24 * 60 * 60 // 28 days, in seconds

});

Chặn sự kiện page_view

Nếu không cần gửi sự kiện page_view khi tải mã cấu hình (ví dụ: nếu bạn đang tải iframe), bạn có thể điều chỉnh chế độ cấu hình để chặn sự kiện page_view. Hãy cân nhắc trường hợp sự kiện page_view được gửi sau khi người dùng đăng nhập vào trang web. Đối với lượt đăng nhập đó, bạn sử dụng lệnh "config" để đặt Mã nhận dạng khách hàng, nhưng bạn không muốn gửi một sự kiện page_view khác. Đoạn mã sau minh họa cách chặn việc gửi sự kiện page_view.

gtag('config', 'MEASUREMENT_ID', {

'user_id': 'USER_ID',

'send_page_view': false

});

Sự kiện

Tham khảo Hướng dẫn di chuyển sự kiện.

Phương diện và chỉ số tuỳ chỉnh

Bạn có thể dùng phương diện và chỉ số tuỳ chỉnh để mở rộng thông tin và để nhập dữ liệu ngoại tuyến, chẳng hạn như từ hệ thống quản lý quan hệ khách hàng (CRM).

Nếu bạn sử dụng thẻ trang web đã kết nối hoặc tài sản Google Analytics 4, thì các phương diện và chỉ số tuỳ chỉnh được đo lường bằng thẻ Google (gtag.js) sẽ tự động chuyển đổi thành thông số (ví dụ: “G-XXXXXXXX”).

Tìm hiểu thêm về thứ nguyên và chỉ số tùy chỉnh.