Thiết lập sự kiện

Sự kiện giúp bạn đo lường các lượt tương tác của người dùng trên trang web hoặc ứng dụng của bạn; ví dụ: bạn có thể đo lường thời điểm người dùng tải một trang, nhấp vào đường liên kết và mua hàng. Google Analytics sử dụng dữ liệu từ các sự kiện để tạo báo cáo có thông tin về hoạt động kinh doanh của bạn. Tìm hiểu thêm

Hướng dẫn này chỉ cho bạn cách thiết lập sự kiện được đề xuấtsự kiện tuỳ chỉnh trên trang web của bạn bằng thẻ Google (gtag.js) hoặc Trình quản lý thẻ của Google. Không cần thiết lập các sự kiện được thu thập tự động và sự kiện đo lường nâng cao.

Bạn đã thiết lập Google Analytics và bắt đầu thấy dữ liệu trong báo cáo, nhưng bạn muốn thu thập nhiều thông tin hơn so với những thông tin mà Analytics tự động thu thập, hoặc bạn muốn khai thác một số tính năng và chức năng nhất định trong Analytics.


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:

Hướng dẫn này cũng giả định rằng bạn có:

  • Có quyền truy cập vào mã nguồn của trang web
  • Vai trò Người chỉnh sửa đối với tài khoản Google Analytics

Tổng quan về thẻ Google (gtag.js)

Sử dụng API thẻ Google (gtag.js) để gửi sự kiện vào Google Analytics. API này có một hàm tên là gtag() và mỗi khi muốn gửi một sự kiện đến Google Analytics, bạn sẽ sử dụng cú pháp sau:

gtag('event', '<event_name>', {
 
<event_parameters>
});

Trong ví dụ này, hàm gtag() bao gồm những phần sau:

  • Lệnh event cho Google biết rằng bạn đang gửi một sự kiện
  • Tên của sự kiện được đề xuất hoặc sự kiện tuỳ chỉnh
  • (Không bắt buộc) Tập hợp các thông số cung cấp thêm thông tin về sự kiện

Ví dụ: sau đây là một sự kiện được đề xuất có tên là screen_view với hai thông số:

gtag('event', 'screen_view', {
 
'app_name': 'myAppName',
 
'screen_name': 'Home'
});

Thêm sự kiện vào JavaScript

gtag() là một hàm JavaScript, vì vậy bạn cần thêm hàm này vào JavaScript trên trang web của bạn. Ví dụ: bạn có thể thêm hàm trong Thẻ <script> hoặc trong một tệp JavaScript riêng mà bạn nhập vào HTML của mình .

Bạn có thể thêm sự kiện vào JavaScript ở vị trí bất kỳ bên dưới đoạn mã thẻ Google. Google sẽ không xử lý dữ liệu từ các sự kiện mà bạn đặt phía trên đoạn mã thẻ Google. Ví dụ: mã mẫu sau đây bao gồm một sự kiện có tên là screen_view trong thẻ <script>:

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

    gtag
('config', 'G-XXXXXXXXXX');
   
</script>

   
<meta charset="UTF-8">
   
<meta http-equiv="X-UA-Compatible" content="IE=edge">
   
<meta name="viewport" content="width=device-width, initial-scale=1.0">
   
<title>Title of the page</title>
</head>
<body>
   
<p>Welcome to my website!</p>
   

   
<script>
     
/**
      *   The following event is sent when the page loads. You could
      *   wrap the event in a JavaScript function so the event is
      *   sent when the user performs some action.
      */

      gtag
('event', 'screen_view', {
       
'app_name': 'myAppName',
       
'screen_name': 'Home'
     
});
   
</script>

</body>
</html>

Nếu muốn gửi sự kiện dựa trên lượt nhấp vào nút (hoặc một số hành động khác của người dùng), bạn có thể thêm một số JavaScript bổ sung vào sự kiện của mình.

Xem các sự kiện trong Analytics

Bạn có thể xem các sự kiện và thông số của sự kiện đó bằng báo cáo Theo thời gian thực và Báo cáo DebugView. Xin lưu ý rằng báo cáo DebugView yêu cầu một số thông tin bổ sung trước khi có thể sử dụng báo cáo. Hai báo cáo này cho bạn biết các sự kiện mà người dùng kích hoạt trên trang web của bạn khi các sự kiện đó được kích hoạt.

Các bước tiếp theo