設定事件

「事件」可讓您評估使用者在網站或應用程式中的互動。例如 您可以評估「載入網頁、點擊連結並完成購物」的成效。 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。

在 Analytics 中查看事件

您可以使用「即時」和 DebugView 報表,請注意,「DebugView」DebugView報表需要一些額外項目 才能使用報表這兩份報表顯示了 使用者在網站上觸發的事件。

後續步驟