今天的Google Tag Manager教學要來教大家如何設定Google Analaytics 的事件追蹤。
在預設下Google Analytics 事件報表裡面是不會有任何資料的,除非手動在所有的<a href=”http://www.google.com 後面加上ga event 代碼,但是我的網站有上千的內部與外部連結,總不能一個一個手動加上去,有點不太理智,這邊要教您更有效率的Google分析方式。
註:本篇教學請先把GTM代碼裝好才能運作
文章目錄
GA事件追蹤定義
官方說明: 事件跟蹤 -GA通用代碼(analytics.js
ga(‘send’, ‘event’, ‘category’, ‘action’, ‘label’, value);
值 | 類型 | 是否必需 | 說明 | 範例 |
---|---|---|---|---|
Category | String |
是 | 把事件做個分類:像首頁的banner | Banner |
Action | String |
是 | 這個事件被觸發的動作:像點擊,加到購物車 | 廣告點擊 |
Label | String |
否 | 這個事件的子分類:像 左邊600×300 | 24h購物 |
Value | Number |
否 | 這個事件的價值:10 | 10 |
關於Event 的參數定義請看上述連結說明,簡單來說,您可以定義 category 、action、label 這三個定義最主要用來區分事件。
匯入事件追蹤器變數容器
注意:Tag Manager V2.0 版本把預設的 Event Listener 移除了, 要另外匯入變數才可以使用 – Tag manager 說明
還是不懂為什麼要把它移除,交給其他人去理解吧…
- 先到我的GitHub 下載事件追蹤器的容器檔.json
https://github.com/william0348/Google-Tag-Manager - 到管理→匯入容器
- 選擇剛剛下載的檔案 even-listener.json
覆寫:將原本的容器全部洗掉唷
合併:與原本的容器放在一起(如果已經有設定過,建議採用這個),請先自行備份原本設定的容器唷。
- 匯入成功後,裡面有幫大家先選好事件監聽器的代碼與觸發條件,還有最重要的變數。
透過Google Tag Manager 來設定事件追蹤
- 回到主畫面,點選代碼→新增
- 就會莫名跑出一個事件監聽器的選項
- 代碼名稱就命名成事件追蹤(名稱可以自行命名),廣告代碼類型要選,事件接聽器的
- 連結點擊接聽器
- 設定代碼這邊讓他為預設值
- 啟動時機:因為要監聽所有網頁上面的所有連結,所以就設定成所有網頁就可以了。
- 連結點擊接聽器
設定GA事件追蹤的類型
- 一樣先新增代碼,選擇Google Analytics → 通用分析 → 設定代碼
- 追蹤類型要改成:事件
- GA的通運追蹤編號從GA帳戶裡面管理員→資源設定,就會有追蹤編號
- 事件追蹤參數
- 類別(category):取名為Link 這邊的命名中英不限。
- 動作(action):取名Click 好了。
- 值(value): 這個不一定要設定,追蹤點擊比較不需要紀錄值。
- 標籤(label): 我要能判斷每個連結的實際文字,因此這邊請點選右邊的圖示,然後選擇{{element text}}。
- element text 代表連結裡面的文字 <a href=”” title=”” id=”” class=”” >text</a>
- element title 代表連結title設定的XXX <a href=”” title=”XXX” id=”” class=”” >text</a>
- element url 代表連結的href 裡面的網址 <a href=”http://www.domain.com” title=”” id=”” class=”” >text</a>
- element id、classes 代表連結所設定的id、class 名稱 <a href=”” title=”XXX” id=”” class=”” >text</a>
- 事件啟動一次,只要被點擊都會計算一次
- 啟動時機,這邊要選擇其他
- 編輯規則
自訂事件
這邊要新增兩個規則式
- 第一個選擇{{event}},包含:gtm.linkClick ,這是去對應事件接聽器
- 第二個選擇{{element url}},與規則運算是相符: .* ,判斷當有點擊 並且href 包含 任何網址參數的時候才會觸發。
驗證與發布
- 發佈
設定完成後,要來發布剛剛新增的代碼與規則。
- 預覽用來檢查發佈之前的追蹤代碼是否有正常運作,點選預覽模式。
- 必須在同一個瀏覽器(這邊建議採用Chrome)開啟網站後,會在下方顯示 Tag Manager 每個代碼以及規則是否有運作,有的話會顯示在Tags Fired On This Page: 如事件接聽器有運作
試著點擊網站上的連結,會發現下方的Analytics Event Track 被觸發了。 - Google Analytics 即時>事件
從網站即時事件可以看到,剛剛點擊的連結有被GA記錄下來。
- 行為 > 事件 > 熱門事件
可以到熱門事件並依照所選的時間範圍來查看,哪些連結被點擊的次數最高,藉由活動標籤 可以知道該連結的名稱。
因為在6.事件追蹤參數,我們設定標籤的值採用 {{element text}} 。
事件追蹤是追蹤網站連結很有效的方式之一,還有很多範例可以使用例如
- 可以去設定首頁banner 被點擊幾次。
- 可以設定GA的事件目標,例如下載PDF檔
- 上傳表單提交的成效,這部份下一篇會介紹到~~^_^
- youtube 影片是否有撥放
GA事件追蹤 延伸閱讀
歡迎留下您的問題,及想要看到的主題唷~~