本指南將說明如何為網站上的建議事件和自訂事件設定參數,以便從事件收集更多資訊。如要瞭解如何新增以商品為範圍的參數,請參閱 評估電子商務:
目標對象
您想要針對使用者的活動中的 就能查看先前設定好的事件
您在網站上使用 Google 代碼 (gtag.js) 或 Google 代碼管理工具。如要為行動應用程式設定事件參數,請參閱「記錄事件」一文。
事前準備
請務必先完成下列事項,再按照本指南的說明操作:
此外,您也需要具備下列權限:
- 可存取網站原始碼
- Google Analytics 帳戶的「編輯者」(或更高層級) 角色
請先閱讀「設定事件」一文,再閱讀本指南。
瞭解事件參數
參數可提供有關使用者與互動方式的額外資訊 你的網站舉例來說,如果有人瀏覽您銷售的產品,您可以加入參數 (例如名稱、類別和價格) 來描述使用者瀏覽的產品。
自動收集和加強型評估事件包括參數 根據預設。Google 也提供一組必要和選用參數 加進每個建議事件此外,您也可以視需要加入更多事件參數。
設定事件參數
事件採用以下結構,其中 <event_parameters>
是您的事件
參數,寫成:
gtag('event', '<event_name>', {
<event_parameters>
});
請參考以下範例:
gtag('event', 'screen_view', {
'app_name': 'myAppName',
'screen_name': 'Home'
});
在這個例子中:
app_name
和screen_name
是事件參數名稱myAppName
和Home
是事件參數值
為每個事件設定參數
上一節的範例使用 gtag()
中的 event
指令
函式,傳送單一事件的參數。您也可以更新 config
Google 代碼片段 (在 <head>
HTML 代碼中) 指令來傳送參數
與網頁上的每個事件通訊
下列程式碼會設定網頁標題,然後隨著每個事件傳送參數 頁面:
<!-- 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', {
'page_title': 'Travel Destinations',
'currency': 'USD'
});
</script>
如果您在網頁中加入多個代碼 ID,請新增 set
指令,而非更新 config
指令,讓所有 ID 沿用您設定的參數。將 set
指令放在 config
指令「上方」。
gtag('set', {
'page_title': 'Travel Destinations',
'currency': 'USD'
});
// Place your config commands after the set command like follows
gtag('config', 'G-XXXXXXXXXX-1');
gtag('config', 'G-XXXXXXXXXX-2');
gtag('config', 'G-XXXXXXXXXX-3');
在 Analytics 中查看事件
您可以使用「即時」和 DebugView 報表,請注意,DebugView 報表需要提供一些 才能使用報表這兩份報表都會即時顯示使用者在網站上觸發的事件。
有些參數會自動填入預先建立的維度和指標 Google Analytics例如自動收集的參數 和加強型評估事件,以及必要和選用參數 傳送建議事件,並填入預先建立的維度和指標。
如要使用其他參數,您必須建立自訂維度和指標, 請在 Google Analytics 中查看參數值每次建立自訂維度時 參數,您必須建立對應的自訂維度或指標 就可以查看這些資料
後續步驟
為自訂事件參數建立自訂維度和指標。