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

Loại sự kiện

Các sự kiện Google Analytics được chia thành 4 danh mục:

Loại sự kiện Đường liên kết Có cần thiết lập không? Nội dung mô tả và trường hợp sử dụng
Được thu thập tự động Tìm hiểu thêm Không Được thu thập theo mặc định khi bạn thiết lập thẻ Google Analytics trên trang web hoặc ứng dụng của mình. Ví dụ: first_visit, session_start và user_engagement.
Đo lường nâng cao: Tìm hiểu thêm Không (thường là vậy) Tự động thu thập khi bạn bật tính năng đo lường nâng cao trong giao diện người dùng GA4. Đo lường các lượt tương tác phổ biến trên web như scroll, click và file_download.
Recommended (Nên dùng) Tài liệu tham khảo về sự kiện được đề xuất Có Các sự kiện được chuẩn hoá cho nhiều ngành kinh doanh (ví dụ: bán lẻ, du lịch, trò chơi) giúp bạn sử dụng các bảng báo cáo được tạo sẵn. Ví dụ: purchase, login, sign_up.
Tùy chỉnh Tìm hiểu thêm Có Sự kiện do bạn tự xác định vì không có sự kiện tự động, nâng cao hoặc sự kiện được đề xuất nào được điền sẵn phù hợp với nhu cầu của bạn. Có thể truy cập bằng báo cáo tuỳ chỉnh.

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
  • Có vai trò Người chỉnh sửa (hoặc vai trò cao hơn) đố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 được đề xuất có tên là screen_view và một sự kiện tuỳ chỉnh có tên là signup_newsletter 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 events are sent when the page loads. You send
      *   recommended and custom events the same way. You could wrap
      *   the events in JavaScript functions so they are sent when
      *   users perform specific actions.
      */
      gtag('event', 'screen_view', {
        'app_name': 'myAppName',
        'screen_name': 'Home'
      });
      gtag('event', 'signup_newsletter', {
        'method': 'web'
      });
    </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ố