Cài đặt Google Analytics 4 bằng gtag.js

Giới thiệu về đoạn mã gtag.js và Mã thuộc tính

Về cơ bản, các đoạn mã gtag.js cho thuộc tính Universal Analytics và cho thuộc tính 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 thuộc tính 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ã thuộc tính (hoặc Mã đo lường cho thuộc tính Google Analytics 4) biểu thị bằng <Some Property ID A> “kiểm soát” đoạn mã gtag.js này. Điều này quan trọng vì:

Nếu đã có dòng này, bạn không cần triển khai lại lần nữa. Bạn chỉ cần thêm một dòng “config” để chỉ định Mã đo lường thuộc tính Google Analytics 4.
Mã thuộc tính trên dòng này là “đơn vị kiểm soát” của đoạn mã gtag.js. Nếu Mã thuộc tính Universal Analytics (“UA-XXXXXXXX”) kiểm soát thẻ này, bạn có thể sử dụng thẻ trang web đã kết nối để gửi dữ liệu đo lường tới thuộc tính Google Analytics 4 mà không cần thêm bất kỳ mã mới nào 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 thuộc tính đã liên kết với <Some Property ID A>. Ví dụ: trong thuộc tính Google Analytics 4, khi bạn thêm lệnh này kèm theo Mã đo lường, sự kiện page_view sẽ được gửi tới thuộc tính đó.

Mã thuộc tính có thể biểu thị hoạt động đo lường cho nhiều sản phẩm của Google, bao gồm thuộc tính Universal Analytics (“UA-XXXXXXXX”), thuộc tính 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 thuộc tính, sự kiện đó sẽ được gửi tới tất cả thuộc tính.

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 thuộc tính cụ thể. Nói cách khác, sự kiện này sẽ chỉ được gửi tới thuộc tính được biểu thị bằng <Some Property ID B>.

Lệnh “config” trong gtag cũng sẽ kích hoạt hoạt động đo lường cơ bản.

Đối với thuộc tính Universal Analytics, lệnh “config” có Mã thuộc tính Universal Analytics sẽ gửi lượt xem trang.
Đối với thuộc tính Google Analytics 4, lệnh “config” có Mã đo lường của thuộc tính Google Analytics 4 sẽ kích hoạt việc 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ã thuộc tính

Mã thuộc tính 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ã thuộc tính Universal Analytics.

Luồng dữ liệu web của thuộc tính Google Analytics 4 sử dụng Mã đo lường 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à “GA_Measurement_ID”.

Hoạt độ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 thuộc tính 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 thuộc tính Universal Analytics hiện tại 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 thuộc tính Google Analytics 4 bằng cách:

Cách 1: Thêm một lệnh “config” mới có Mã đo lường của thuộc tính Google Analytics 4 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, thuộc tính 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 thuộc tính 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 thuộc tính Google Analytics 4. Nhờ vậy, các sự kiện page_view sẽ được gửi đến thuộc tính 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 thuộc tính 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 thuộc tính Universal Analytics “kiểm soát” (tức là Mã thuộc tính đượ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 thuộc tính 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 thuộc tính Google Analytics 4.)

VÀ bạn có quyền quản trị đối với thuộc tính Universal Analytics có Mã thuộc tính trong đoạn mã.

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ả thuộc tính 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 thuộc tính 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 thuộc tính 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 thuộc tính Google Analytics 4 (“G-XXXXXXXX”).

Khi cần áp dụng chế độ cài đặt chung cho tất cả các thuộc tính đã đị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ã thuộc tính (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 thuộc tính 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 thuộc tính Google Analytics 4 đã kết nối. Nếu bạn muốn áp dụng cấu hình này cho thuộc tính 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 thuộc tính 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 thuộc tính đượ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

Trong thuộc tính Universal Analytics được triển khai thông qua gtag.js (“UA-XXXXXXXX), các sự kiện được triển khai dưới dạng loại lần truy cập riêng biệt bằng cách sử dụng các thứ nguyên Danh mục sự kiện, Hành động, Nhãn và chỉ số Giá trị sự kiện. Khi được thu thập, các sự kiện đó sẽ xuất hiện trong báo cáo và không bị giới hạn về số lượng sự kiện, thứ nguyên và giá trị chỉ số.

Trong thuộc tính Google Analytics 4, mỗi “lần truy cập” là một “sự kiện”. Tức là, hệ thống không còn phân biệt các loại truy cập nữa.

Các loại sự kiện trong thuộc tính Google Analytics 4

Sự kiện Google Analytics 4 gồm 4 loại: sự kiện được thu thập tự động, sự kiện đo lường nâng cao, sự kiện đề xuất và sự kiện tùy chỉnh.

Sự kiện được thu thập tự động sẽ tự động được thu thập thông qua tính năng thu thập dữ liệu cơ bản.
Sự kiện đo lường nâng cao là các sự kiện mà bạn có thể bật và tắt thông qua giao diện Quản trị trong thuộc tính Google Analytics 4. Các sự kiện đo lường nâng cao KHÔNG YÊU CẦU bạn phải thêm/sửa đổi mã trên web hoặc trong ứng dụng
- Xin lưu ý rằng khi được kích hoạt dưới dạng các sự kiện riêng biệt và được thu thập thông qua tính năng đo lường nâng cao, các sự kiện đó sẽ được ghi lại 2 lần. Nếu đang gửi một sự kiện đến cả thuộc tính Universal Analytics và thuộc tính Google Analytics 4, bạn cần thêm thông số “send_to” vào sự kiện đang chỉ định Mã thuộc tính Universal Analytics liên quan. Như vậy, sự kiện đó sẽ chỉ chuyển đến thuộc tính Universal Analytics và không chuyển đến thuộc tính Google Analytics 4.
- Lưu ý về kỹ thuật: Tính năng đo lường nâng cao không dựa trên thuộc tính ID hoặc class của HTML, khác với trường hợp bạn sử dụng thuộc tính ID và class của HTML để làm nhân tố kích hoạt hoặc biến cho các sự kiện như lượt nhấp vào đường liên kết và lượt tải xuống thông qua Trình quản lý thẻ của Google.

Sự kiện đề xuất là các sự kiện đã được Google xác định tên và thông số mà bạn có thể triển khai theo cách thủ công. Sự kiện đề xuất sẽ cho phép bạn sử dụng các tính năng báo cáo hiện có và sẽ có mà bạn không thể sử dụng với sự kiện tùy chỉnh (các sự kiện mà bạn tự đặt tên). Hiện có các sự kiện đề xuất sau:
Sự kiện tùy chỉnh là các sự kiện mà bạn tự đặt tên và tự triển khai.

Các phương pháp hay nhất khi triển khai các sự kiện

Nếu có thể, hãy sử dụng các sự kiện đo lường nâng cao và sự kiện được thu thập tự động thay vì tự triển khai các sự kiện.
Nếu bạn muốn triển khai một sự kiện không được thu thập tự động và không có trong tính năng đo lường nâng cao, hãy tìm một sự kiện đề xuất để triển khai.
Chỉ triển khai sự kiện tùy chỉnh nếu phương pháp (1) và (2) không đáp ứng được nhu cầu của bạn.

Hãy liệt kê tất cả các sự kiện đang được sử dụng trong thuộc tính Universal Analytics, cũng như xem các sự kiện đo lường nâng cao và sự kiện được thu thập tự động có bao gồm các sự kiện mà bạn cần có trong thuộc tính Google Analytics 4 hay không. Trước tiên, bạn cần tập trung vào những sự kiện này do việc chuyển đổi các sự kiện này KHÔNG yêu cầu bạn phải thêm mã theo cách thủ công.

Sự kiện được triển khai thủ công (tức là sự kiện tùy chỉnh và sự kiện đề xuất)

Cấu trúc dữ liệu của các sự kiện có sự khác nhau giữa thuộc tính Google Analytics 4 và thuộc tính Universal Analytics.

Trong thuộc tính Universal Analytics, các sự kiện có trường “Loại sự kiện”, “Hành động sự kiện”, “Nhãn sự kiện” và “Giá trị sự kiện”. Đồng thời, bạn có thể thêm các thứ nguyên tùy chỉnh.
Trong thuộc tính Google Analytics 4, sự kiện được triển khai theo cách thủ công bao gồm “Tên sự kiện”, các thông số được thu thập tự động và các thông số được chỉ định theo cách thủ công. Các thông số được chỉ định theo cách thủ công này sẽ thay thế cho các trường sự kiện từ thuộc tính Universal Analytics và có thể được dùng để chỉ định thêm thông tin cho sự kiện.

Nếu bạn triển khai thuộc tính Universal Analytics thông qua gtag.js (“UA-XXXXXXXX”) và chưa chỉ định một lệnh “send_to” cụ thể, thì các sự kiện sẽ được tự động chuyển đổi sang một thuộc tính Google Analytics 4 bất cứ khi nào cấu hình chứa một Mã đo lường (“G-XXXXXXXX”) hoặc nếu bạn dùng một Thẻ trang web đã kết nối.

Việc chuyển đổi diễn ra như sau:

Hành động sự kiện trở thành Tên sự kiện trong thuộc tính Google Analytics 4.
Loại sự kiện, Nhãn sự kiện và Giá trị sự kiện trở thành thông số trong Thuộc tính Google Analytics 4. Bạn có thể xem các giới hạn về thông số ở bên dưới.

Ví dụ: sự kiện sau đây trong Thuộc tính Universal Analytics được triển khai thông qua gtag.js:

1: gtag('event', <action>, {

2: 'event_category': <category>,

3: 'event_label': <label>,

4: 'value': <value>

5: });

Sự kiện này được chuyển đổi sang thuộc tính Google Analytics 4 bằng cách sử dụng ký hiệu sự kiện chung như sau:

1: gtag('event', <event_name>, {

2: <parameter_1>: <parameter_1_value>,

3: <parameter_2>: <parameter_2_value>,

4: <parameter_3>: <parameter_3_value>,

5: ...

6: });

Do đó, <action> trong thuộc tính Universal Analytics sẽ liên kết tới <event_name> trong thuộc tính Google Analytics 4. “event_category”, “event_label”, “value” và các giá trị tương ứng sẽ liên kết tới các thông số kèm theo giá trị.

Quy ước đặt tên cho các sự kiện được triển khai theo cách thủ công

Nếu bạn sử dụng một giá trị “Tên sự kiện” không nằm trong danh sách tên sự kiện được thu thập tự động và danh sách tên sự kiện Đo lường nâng cao, thì sự kiện của bạn sẽ được tính là sự kiện được thu thập theo cách thủ công.

Bạn có thể tạo tối đa 500 sự kiện có “Tên sự kiện” khác nhau. Bạn nên sử dụng càng nhiều tên sự kiện đề xuất càng tốt để tận dụng tính năng báo cáo và các tính năng sẽ có trong thuộc tính Google Analytics 4.

Thông số sự kiện

Bạn có thể sử dụng các thông số nếu muốn gửi thông tin cùng với một sự kiện mà những thông số được thu thập tự động không gửi. Mọi thông số mà bạn thu thập đều có sẵn cho các định nghĩa đối tượng và có trong BigQuery.

Hành vi thông số

Một thông số có thể chứa vô số giá trị không trùng lặp. Tuy nhiên, bạn cần tính đến các hành vi và giới hạn quan trọng khi thiết lập một thuộc tính Google Analytics 4 cùng với một thuộc tính Universal Analytics.

Bạn có thể gửi tối đa 25 thông số tùy chỉnh cho mỗi sự kiện và mỗi giá trị thông số có thể dài 100 ký tự.
Mỗi thuộc tính có tối đa 50 thông số tùy chỉnh dạng văn bản và 50 thông số dạng số.

Ví dụ

Bạn đang đo lường lượt nhấp vào đường liên kết Tải xuống trên trang web cho video của mình. Cấu trúc gắn thẻ trong thuộc tính Universal Analytics có thể có dạng như sau:

event_category: "Videos"
action: "Download"
event_label: "Toy Story"

Nếu bạn đã triển khai thuộc tính Universal Analytics thông qua gtag.js, thì sự kiện này sẽ được chuyển đổi sang thuộc tính Google Analytics 4 theo logic sau:

“Download” trở thành Tên sự kiện
“event_category” trở thành thông số tùy chỉnh.
“event_label” trở thành thông số tùy chỉnh.

Khi đó, cấu trúc sự kiện sẽ có dạng chung như sau:

event_category: [resourceType]
action: [interactionType]
event_label: [resourceName]

Trong quá trình triển khai thông qua gtag.js, “action” trở thành Tên sự kiện; và nếu bạn có 10 loại tương tác, các loại tương tác đó sẽ chuyển đổi thành 10 Tên sự kiện khác nhau.

Việc chuyển đổi các thông số từ thuộc tính Universal Analytics sang thuộc tính Google Analytics 4 tuân theo một định dạng tương tự; thông số “event_category” và “event_label” sẽ được thêm vào mỗi sự kiện “action” mới.

Nếu bạn có cấu trúc sự kiện tương tự như ví dụ nêu trên, hãy làm những việc sau:

Bắt đầu thu thập dữ liệu. Xem lại dữ liệu sự kiện trong BigQuery.
Kiểm tra lại xem những sự kiện hiện có nào đã được đưa vào danh sách sự kiện được thu thập tự động và danh sách sự kiện đo lường nâng cao. Thêm lệnh “send_to” để chỉ gửi những sự kiện này tới thuộc tính Universal Analytics đang được triển khai và không gửi tới thuộc tính Google Analytics 4.
Triển khai các sự kiện đề xuất nếu có thể.

Thứ nguyên và chỉ số tùy chỉnh

Bạn có thể dùng thứ nguyên và chỉ số tùy 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ý mối quan hệ khách hàng (CRM).

Các thứ nguyên và chỉ số tùy chỉnh được đo lường bằng thẻ toàn trang web (gtag.js) sẽ tự động chuyển đổi thành thông số nếu bạn sử dụng thẻ trang web đã kết nối hoặc thuộc tính Google Analytics 4 (ví dụ: “G-XXXXXXXX”).

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

Video hướng dẫn cài đặt Google Analytics 4 bằng gtag.js

Nguồn: Google Analytics Help Center