「事件」可讓您評估使用者在網站或應用程式中的互動。例如 您可以評估「載入網頁、點擊連結並完成購物」的成效。 Google Analytics 會使用事件資料,建立內含下列資訊的報表 的攻擊者。瞭解詳情
本指南說明如何針對以下項目設定建議事件和自訂事件 在網站上使用 Google 代碼 (gtag.js) 或 Google 代碼管理工具。不要 請設定自動收集和加強型評估事件。
目標對象
您已經設定 Google Analytics 並開始在報表中查看資料 除了 Analytics 自動收集的資訊外,您想收集更多資訊外 或是您想使用 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報表需要一些額外項目 才能使用報表這兩份報表顯示了 使用者在網站上觸發的事件。
後續步驟
- 設定事件參數來收集更多事件相關資訊。
- 將事件標示為重要事件。