[筆記] Google Tag Manager 之 GA 事件參數取得的各種方法

近期安裝完 GTM ( Google Tag Manager ) 並整合 Google Analytics 4 ( 文章:[指南] 整合 Google Tag Manager 和導入 Google Analytics 4 概念和問與答 ) 後,在 GTM 面對「代碼」、「觸發條件」、「變數」和「資料夾」四者的使用方式和命名規劃,幫自己做個筆記整理。
guide-integrate-google-tag-manager-with-google-analytics-4


概念

代碼 – Tag

代碼名稱

若是以程式語言來說,你可以把其當作一個函式 Function。以生活化一點的例子舉例,你可以把代碼當成一個工具包,其裡頭包含你所希望達成目的的工具。
因此,代碼的名稱需要以「目的性」為主。例如:Event-點擊 Navbar 連結

GA4 事件名稱

1. 40 個字元內 (也就是 20 個中文字)。雖說可以輸入中文,但建議還是全部使用英文為佳。
2. 命名上採用下底線 _ 連結,像是 event_id。

因此,GA4 事件名稱會建議都以英文+下底線為主。Google 官方有提供一份清單來給你當作名稱建議。若你使用了官方的事件名稱,那麼在未來會有機會得到官方提供的額外報表支援。

GA4 事件參數

1. 參數名稱是可自定義
2. 參數名稱避免和官方的事件名稱相同,以免造成後續的查找判別困難
3. 參數名稱以英文+下底線為主
4. 關於 value ( 值 ) 的部份,可以自行輸入固定值,或是選擇「變數」

觸發條件 – Trigger

為「何時」啟動你所定義的代碼。Google 有預設「網頁瀏覽」、「點擊」、「使用者參與」和「其他」四大類型。最常見的想必是點擊和網頁瀏覽兩類。

1. 名稱僅在 GTM 中使用,但建議使用英文為佳
2. 啟動時機若要進行篩選,Click element 才能使用「符合 CSS 選擇器」

變數 – Variables

內建變數

GTM 已經內建不少的變數,若你是網頁開發者對於這些變數應該很熟悉。大類分為「網頁 – 跟網址相關」、「公用程式 – GTM 容器本身」、「錯誤 – 錯誤訊息」、「點擊」、「表單」、「記錄 – 使用者前後切換網頁」、「影片」、「捲動」和「瀏覽權限」

使用者定義的變數

1. 名稱僅在 GTM 中使用,但建議使用英文為佳
2. 若你要抓取資料層的 data 變數 ( 也就是 HTML 標籤中有 data-attribute 屬性 ),建議名稱加上 data- 前綴,這樣共用性和可讀性會比較高。資料層變數名稱會是 “gtm.element.dataset.<attr-name>”
3.  若你要抓取網頁上的值,變數類型可選擇「自定義 JavaScript」,然後撰寫一個匿名函式,並帶有回傳值即可。

資料夾

1. 未提出的項目是沒辦法被刪除的,它是預設資料夾
2. 建立一個共用資料夾 ( 如 GA4 ),裡頭放置能被共用的代碼、觸發條件和變數
3. 其餘依照實際需求分門別類


參考資料

1. [GA4] 建議事件
2. 定義事件參數欄位,設定 GA4 自訂維度與自訂指標
3. Event Tracking with Data Attributes in GTM

按讚加入粉絲團

延伸閱讀