如何透過 GTM 追蹤頁面上的每個按鈕點擊？

當使用者進到自家網站時，想知道使用者是點擊哪個商品按鈕？或是讓使用者透過按鈕去分享，該如何知道分享按鈕是被點擊幾次呢？電商網站最常見的就是加入購物車、收藏清單、註冊會員、FB登入等等行為，可以藉由 Google Analytics 去分析網站的訪客行為，這些按鍵點擊我們稱為「事件」，一起來透過 GTM 將這些「事件」傳送到 GA 分析吧！

追蹤網頁按鈕點擊 GTM 實戰教學

直接登入 GTM 開始吧 ! GO https://tagmanager.google.com/?hl=zh-tw

Step 1. 新增觸發條件 左上放工作區 > 新增觸發條件 > 選擇「點擊連結」> 選擇所有連結 > 新增各個點擊變數

Step 2. 觸發條件的啟動時機 > 選擇所有連結點擊

Step 3. 工作區 > 變數 > 內建變數 > 設定 > 設定內建變數 > 勾選點擊類別所有項目

啟用預覽功能，找尋要追蹤的按鈕

Step 1. 啟用預覽功能 工作區域 > 右側預覽

Step2. 變數欄中查看按鈕的值

在預覽模式下進入有埋 GTM 的網頁，下方出現 listener 介面

查看變數的部分，可以看到有 Classed / Element / ID / Target / Text / URL，你可以根據自己網頁來做選擇，嘗試點擊網頁中不同的按鈕，去檢視 gtm.click 變數吧！

值(Value)基本上都是動態，像是電商網站，因為產品名稱、尺寸、都會因為使用者下單選擇，而會不一樣，值(Value)的部分需要由後端工程師填入欄位。

瀏覽並找到要追蹤的 Button

Step 1. 工作區 > 觸發條件 > 點擊 - 所有元素 > 部分點擊 小提醒：值(Value)要記得包含

Step 2.新增代碼，作為 GA 和 按鈕追蹤對應 工作區 > 代碼 > 代碼類型：GA 通用分析 > 追蹤類型：事件 > 類別和動作設定為 click

類別(Category)、動作(Action)、標籤(Label)和值(Value)，標籤為了讓 GA 能夠自己抓取網頁的值，就是事件追蹤要送給 GA 的值

Step 3. 觸發條件 > 所有 Click Trigger 所有元素 欄位中填的「類別」跟「動作」會在 GA 事件維度中出現

完成追蹤按鈕，到 GA 中檢查追蹤是否有生效吧！

開啟預覽模式到網頁點擊 > GA 看即時數據 > 完成按鈕追蹤！

如何在 GA 內檢查是否有埋入追蹤按鈕？ 即時事件 > 事件類別 > 事件動作

當你點擊網頁中的按鈕時，GA 報表中的即時事件，將會有事件類別 button click ，有一個事件動作 click ，這樣就完成追蹤按鈕囉！數字出現 0 ，代表設定上出錯囉！

「事件」是指使用者與你網站或應用程式的互動哦：）

小結

追蹤按鈕可以知道站外連結的點擊次數，可以得知有多少使用者對你的連結有興趣，按下 Button 按鈕的人有多少，透過追蹤後，可以優化網站導向，讓整體的網站體驗上升，當網頁進行 A/B Testing ，也是很好的數據來作為依據，讓網站行銷策略更有方向，而不再是亂槍打鳥，讓數據為你的網站說話吧！