設定事件

您可以使用事件評估使用者在網站或應用程式中的互動，例如評估使用者何時載入網頁、點按連結及完成購物。Google Analytics 會使用事件資料製作報表，提供貴商家相關資訊。瞭解詳情

事件類型

Google Analytics 事件可分為四類：

事件類型 連結 需要設定嗎？ 說明與用途
自動收集 瞭解詳情 否 在網站或應用程式上設定 Google Analytics 代碼時，系統預設會收集這類資料。例如 first_visit、session_start 和 user_engagement。
加強型評估 瞭解詳情 否 (通常) 在 Google Analytics 4 使用者介面中啟用加強型評估功能時，系統會自動收集這類事件。評估常見的網站互動，例如 scroll、click 和 file_download。
建議 建議事件參考資料 是 不同產業 (例如零售業、旅遊業、遊戲業) 的標準化事件，可解鎖預建報表面板。例如：purchase、login、sign_up。
自訂 瞭解詳情 是 您自行定義的事件，因為預先填入的自動收集、加強型評估或建議事件不符合需求。可透過自訂報表存取。

本指南將說明如何使用 Google 代碼 (gtag.js) 或 Google 代碼管理工具，在網站上設定建議事件和自訂事件。您不需要設定自動收集的事件和加強型評估事件。

觀眾

您已設定 Google Analytics，並開始在報表中看到資料，但您想收集的資訊比 Analytics 自動收集的資料更多，或想解鎖 Analytics 中的特定功能。


事前準備

請務必先完成下列事項，再按照本指南的說明操作：

此外，您也需要具備下列權限：

  • 可存取網站原始碼
  • Google Analytics 帳戶的「編輯者」或更高層級角色

Google 代碼 (gtag.js) 總覽

使用 Google 代碼 (gtag.js) API 將事件傳送至 Google Analytics。這個 API 有一個名為 gtag() 的函式，如要將事件傳送至 Google Analytics，請使用下列語法：

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

在本範例中，gtag() 函式包含下列項目：

  • event 指令，告知 Google 您要傳送事件
  • 建議事件或自訂事件的名稱
  • (選用) 一組參數，可提供事件的額外資訊

舉例來說，下列是名為 screen_view 的建議事件，包含兩個參數：

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

在 JavaScript 中新增事件

gtag() 是 JavaScript 函式，因此您需要在網頁的 JavaScript 中新增該函式。舉例來說，您可以在 <script> 標記中新增函式，也可以在匯入 HTML 網頁的個別 JavaScript 檔案中新增函式。

您可以在 Google 代碼程式碼片段下方的任何位置新增 JavaScript 事件。 Google 不會處理您放在 Google 代碼程式碼片段上方的事件資料。舉例來說，下列程式碼範例在 <script> 標記中，包含名為 screen_view 的建議事件和名為 signup_newsletter 的自訂事件：

<!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>

如要根據按鈕點擊 (或其他使用者動作) 傳送事件，可以在事件中新增一些額外的 JavaScript。

在 Analytics 中查看事件

您可以在「即時」報表和「DebugView」報表中查看事件及相關參數 (「DebugView」DebugView報表需要進行額外設定才能使用)。這兩份報表都會即時顯示使用者在網站上觸發的事件。

後續步驟

上一頁
Web
下一頁
新增參數