Thiết lập sự kiện

Sự kiện giúp bạn đo lường các hoạt động 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 một đườ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ề doanh nghiệp của bạn. Tìm hiểu thêm

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

Đối tượng

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 những gì Analytics tự động thu thập, hoặc bạn muốn sử dụng 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 đến Google Analytics. API này có một hàm gọi là gtag() và bất cứ khi nào 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 nội dung 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 đề xuất hoặc sự kiện tuỳ chỉnh
  • (Không bắt buộc) Một tập hợp 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 2 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 nên bạn cần thêm hàm này vào JavaScript trên trang web của mình. Ví dụ: bạn có thể thêm hàm này vào thẻ <script> hoặc trong một tệp JavaScript riêng mà bạn nhập vào trang HTML.

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

Xem các sự kiện trong Analytics

Bạn có thể xem sự kiện và thông số của sự kiện trong báo cáo Theo thời gian thực và báo cáo DebugView. Xin lưu ý rằng bạn phải thiết lập cấu hình bổ sung để có thể sử dụng báo cáo DebugView. Hai báo cáo này cho bạn biết những sự kiện mà người dùng kích hoạt trên trang web của bạn.

Các bước tiếp theo

Trước
Web
Tiếp
Thêm thông số