Hãy thử máy chủ MCP cho Google Analytics. Cài đặt từ GitHub và xem thông báo để biết thêm thông tin chi tiết.

Google uses AI technology to translate content into your preferred language. AI translations can contain errors.

Thiết lập sự kiện

Sự kiện giúp bạn đo lường 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 khi có người 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 của Google Analytics được nhóm thành 4 danh mục:

Loại sự kiện	Đường liên kết	Cần thiết lập?	Mô tả và trường hợp sử dụng
Tự động thu thập	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)	Được thu thập tự động khi bạn bật tính năng đo lường nâng cao trong giao diện người dùng của Google Analytics. Đo lường các hoạt động 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 mở khoá 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ó	Các sự kiện mà bạn tự xác định vì không có sự kiện tự động, nâng cao hoặc được đề xuất nào 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 các sự kiện được đề xuất và các 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 các sự kiện tự động thu thập và đ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 so với những gì Analytics tự động thu thập hoặc bạn muốn mở khoá một số tính năng và chức năng 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 (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 tên là gtag(). Bất cứ khi nào bạn muốn gửi một sự kiện đến Google Analytics, hãy 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 được đề xuất hoặc sự kiện tuỳ chỉnh
(Không bắt buộc) Một tập hợp các tham số cung cấp thông tin bổ sung 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 tham 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 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 page.

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ừ các sự kiện mà bạn đặt ở trên đoạn mã thẻ Google. Ví dụ: đoạn mã mẫu sau đây bao gồm 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.

Thiết lập nhiều sự kiện

Việc theo dõi nhiều hoạt động tương tác của người dùng liên quan đến việc triển khai nhiều gtag('event', ...) lệnh gọi trong JavaScript của trang web. Mỗi lệnh gọi được kích hoạt bởi một hành động hoặc điều kiện cụ thể. Các ví dụ sử dụng cả sự kiện được đề xuất và sự kiện tuỳ chỉnh.

Ví dụ: để theo dõi nhiều hoạt động như lượt đăng nhập của người dùng, lượt chia sẻ nội dung và lượt hoàn tất hướng dẫn, hãy triển khai các lệnh gọi riêng biệt:gtag('event', ...)

Ví dụ: Theo dõi lượt đăng nhập

Đoạn mã này sẽ được đưa vào hàm JavaScript xử lý các lượt đăng nhập thành công của người dùng.

// Send a 'login' event when a user signs in
gtag('event', 'login', {
  method: 'Email' // Example parameter indicating login method
});

Ví dụ: Theo dõi lượt chia sẻ nội dung

Đoạn mã này sẽ được liên kết với sự kiện nhấp chuột vào nút chia sẻ.

// Send a 'share' event when a user clicks a share button
gtag('event', 'share', {
  method: 'Facebook',
  content_type: 'Article',
  item_id: 'C12345' // Example parameter for the shared item
});

Ví dụ: Theo dõi một sự kiện tuỳ chỉnh

Đoạn mã này sẽ được gọi khi người dùng hoàn tất thành công một hướng dẫn trên trang web.

// Send a custom event
gtag('event', 'tutorial_complete', {
  tutorial_name: 'Introduction to GA4'
});

Bạn nhúng các lệnh gọi gtag('event', ...) này vào nhiều điểm trong mã của trang web để thu thập dữ liệu vào đúng thời điểm. Mỗi sự kiện được gửi đến Google Analytics khi sự kiện đó xảy ra. Không có cú pháp đặc biệt hoặc lệnh gọi duy nhất nào để xác định hoặc gửi nhiều loại sự kiện khác nhau trong một lô bằng gtag.js. Bạn gọi gtag('event', ...) cho từng sự kiện mà bạn muốn gửi.

Xem các sự kiện trong Analytics

Bạn có thể xem các sự kiện và tham số của chúng bằng báo cáo Theo thời gian thực và 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 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.