Thiết lập các sản phẩm của Google và gửi dữ liệu sự kiện

Trang này dành cho những nhà phát triển cần định cấu hình thẻ Google bằng gtag.js. Để điều chỉnh chế độ cài đặt trong giao diện người dùng, hãy xem bài viết Định cấu hình chế độ cài đặt thẻ Google.

Sau khi cài đặt thẻ Google, bạn có thể gọi các lệnh gtag() ở bất kỳ vị trí nào trong mã sau đoạn mã thẻ Google.

Trang này hướng dẫn bạn cách:

1. Gửi sự kiện đến các sản phẩm của Google bằng lệnh event
2. Đặt các giá trị được gửi cùng với mọi sự kiện bằng lệnh set

Trước khi bắt đầu

Hướng dẫn này giả định rằng bạn đã làm xong những việc sau:

• Tìm hiểu cách hoạt động của thẻ Google
• Đã cài đặt thẻ Google

Để thiết lập luồng dữ liệu, bạn cần:

• Quyền truy cập vào mã trang web nơi bạn đã cài đặt thẻ Google
• Mã thẻ của sản phẩm của Google mà bạn muốn kết nối với thẻ Google

Bước 1: Kết nối các sản phẩm của Google với thẻ của bạn

Sử dụng lệnh config để thiết lập luồng dữ liệu đến các sản phẩm của Google.

Giới thiệu về lệnh config

Lệnh config chỉ định những sản phẩm của Google mà bạn muốn gửi dữ liệu sự kiện đến. Lệnh này có định dạng như sau:

gtag('config', 'TAG_ID', {<additional_config_params>});

gtag('config', 'TAG_ID', {'send_page_view': false});

Thiết lập tính năng thu thập dữ liệu

Để thiết lập tính năng thu thập dữ liệu cho một sản phẩm của Google, hãy thêm lệnh config có mã thẻ.

Ví dụ

Thẻ Google (GT-XXXXXX) gửi dữ liệu đến các đích đến mà bạn đã xác định cho thẻ, chẳng hạn như Google Ads và Google Analytics.

Ví dụ sau đây cho biết cách cập nhật mã để tải thẻ Google thứ hai được kết nối với một đích đến Floodlight.

Để gửi dữ liệu đến Floodlight (mã thẻ DC-ZZZZZZ), hãy thêm một lệnh config khác sau khi khởi chạy thẻ Google đầu tiên (mã thẻ GT-XXXXXX):

<head>
 ...
<!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments)};
  gtag('js', new Date());
  gtag('config', 'GT-XXXXXX');
  gtag('config', 'DC-ZZZZZZ');
</script>
</head>

Hành vi config theo sản phẩm cụ thể

Tuỳ thuộc vào sản phẩm được chỉ định trong TAG_ID, lệnh config cũng có thể bắt đầu một số hành vi nhất định cho sản phẩm đó. Ví dụ: trong một số trường hợp, lệnh config sẽ yêu cầu gtag.js bắt đầu một sự kiện lượt xem trang.

Để tìm hiểu thêm về cách lệnh config hoạt động liên quan đến từng sản phẩm, hãy đọc tài liệu dành riêng cho từng sản phẩm:

• Lượt chuyển đổi trên Google Ads và hoạt động tái tiếp thị
• Campaign Manager và Display & Video 360
• Search Ads 360
• Google Analytics

Bước 2: Gửi dữ liệu bằng event

Sau khi định cấu hình kết nối với các sản phẩm của Google, bạn cần sử dụng lệnh event để gửi dữ liệu.

Giới thiệu về lệnh event

Lệnh event cho phép bạn gửi dữ liệu sự kiện đến các sản phẩm mà bạn đã chỉ định bằng lệnh config. Lệnh này có định dạng như sau:

gtag('event', 'event_name', {
  'key': 'value',
});

Thiết lập sự kiện

Bạn có thể gọi phương thức event ở bất kỳ vị trí nào trong mã sau khi khởi chạy thẻ Google.

1. Xác định một sự kiện. Nếu bạn đang sử dụng một sự kiện được đề xuất, hãy đảm bảo rằng bạn sử dụng tên sự kiện được chuẩn hoá và cặp khoá-giá trị được xác định trước.

2. Xác định thời điểm sự kiện sẽ được kích hoạt, ví dụ: khi sự kiện được gửi cùng với một lượt tải trang hoặc khi người dùng nhấp vào một nút.

Ví dụ

Ví dụ sau đây minh hoạ một cách có thể đo lường lượt đăng ký nhận bản tin khi người dùng nhấp vào một nút. Ví dụ này sử dụng một sự kiện tuỳ chỉnh và gửi sự kiện đó đến một tài sản Google Analytics.

<head>
   ...
   /* 1. Initialize the Google tag and gtag.js library */
   <!-- Google tag (gtag.js) -->
   <script async src="https://www.googletagmanager.com/gtag/js?id=TAG_ID"></script>
   <script>
     window.dataLayer = window.dataLayer || [];
     function gtag(){dataLayer.push(arguments)};
     gtag('js', new Date());
     gtag('config', 'TAG_ID');
   </script>
</head>

<body>
   <script>
     let date = Date.now();
     /* 2. Define your event. */
     function newsletterSignup() {
       gtag('event', 'newsletter_signup', {
       'time': date,
       });
   }
   </script>
   ...
   /* 3. Trigger your event */
   <button type="submit" onclick="newsletterSignup()">Sign me up!</button>
   ...
</body>

Không bắt buộc: Gửi dữ liệu cùng với mọi sự kiện bằng set

Lệnh set cho phép bạn xác định các tham số sẽ được liên kết với mọi sự kiện tiếp theo trên trang.

Ví dụ: bạn có thể chia sẻ các thông số chiến dịch để nhiều thẻ trên cùng một trang có thể truy cập vào các thông số đó.

Lệnh này có định dạng như sau:

gtag('set', 'parameterName');

Bước 3: Xác thực chế độ thiết lập

Cách đảm bảo dữ liệu sự kiện của bạn được gửi đúng cách:

1. Mở sản phẩm của Google mà bạn muốn xem dữ liệu.
2. Kiểm tra xem dữ liệu có đang được gửi đến hay không. Mỗi sản phẩm có một nơi riêng để bạn có thể kiểm tra xem dữ liệu có đang được nhận hay không:
   • Google Analytics: Kiểm tra báo cáo theo thời gian thực.
   • Google Ads: Kiểm tra bảng Hành động chuyển đổi và xem cột Trạng thái (có thể mất đến 24 giờ để cập nhật).
   • Floodlight: Sử dụng Tag Assistant để xác minh rằng thẻ Floodlight đang kích hoạt.

Các bước tiếp theo

Sau khi thiết lập các sản phẩm và sự kiện của Google, bạn đã hoàn tất việc thiết lập cấu hình cơ bản cho thẻ Google.

Nếu bạn đang quản lý nhiều sản phẩm và muốn quản lý luồng dữ liệu của các sản phẩm đó một cách chi tiết hơn, hãy xem bài viết Nhóm và định tuyến dữ liệu.