設定事件

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

本指南將說明如何使用 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 的事件：

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

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