前言
對於所有經營網站的人，不論是行銷從業者、部落格站長、品牌網站管理員等等，如果希望網站能夠不斷成長，追蹤「網站事件」絕對是最重要的事情之一。
網站事件百百種，就如同，「抵達結帳頁面」、「點擊加入購物車」之於電商網站；「點擊訂閱電子報」、「頁面停留時間」之於文章部落格。
更甚者，你可以衡量網站Landing Page「滾動頁面25%」、「滾動頁面50%」、「滾動頁面75%」分別有多少流量。
上述的舉例都可以被定義為「網站事件」，但重點是你必須根據你所服務的品牌、個人的業務或行銷目標來訂定「我到底該追蹤網站上的哪些事件」。
而今天的這篇文章，主要是想要跟大家分享，如何不用透過複雜的程式碼，而透過GTM來設定及追蹤「網站事件」，並呈現在GA報表上。
取得事件程式碼
為了追蹤網站的事件，我必須先說我們得接觸到些許HTML的程式碼，但相信我真的不難，看不太懂也沒關係，跟著我以下的步驟就對了！
假設現在我想追蹤「所有點擊timli.io網站header的『GTM教學中心』」這個事件（如下圖）：
這時候我們該怎麼做呢？
(1) 網頁任意處右鍵點擊「檢查」來查看網站原始碼
(2) 點擊「選取程式碼標籤按鈕」
(3) 用鼠標點擊「GTM教學中心」，找到其所對應到的程式碼，按下右鍵 > Copy selector
(4) 按下ctrl/command + V，這時候我們所取得的CSS語法「menu-item-941 > a」其實代表著「『GTM教學中心』這個按鈕位於timli.io這個網站的位置」，這段語法請先幫我保留著，後續在設定GTM的時候會用到。
設定GTM與GA的串接
(1) 接著，讓我們打開GTM進行以下的設定：
代碼設定
- 代碼類型：Google Analytics (分析)：通用 Analytics (分析)
- 追蹤類型：事件
- 類別、動作、標籤：自行設定，建議都要設定，方便日後在GA報表做查詢
- Google Analytics (分析)設定：基本上就是所要串接GA的代碼
觸發條件
- 觸發條件類型：點擊 – 所有元素
- 這項觸發條件的啟動時機：部分點擊
- 觸發條件：Click Element > 符合Css選取器 > 複製貼上我們上一步「GTM教學中心」的CSS語法
(2) GTM設定完畢之後，接著讓我們來設定GA > 打開GA管理 > 資料檢視底下的「目標」：
目標設定
- 建議選「自訂」，因為通常GA所給的預設事件不一定符合我們的需求
目標說明
- 名稱：可自行設定，方便後續追蹤即可
- 目標類型：根據需求可選擇停留時間、目標網址等，那此篇的情境會選擇「事件」
目標詳情
- 此次的「類別」、「事件」、「標籤」就會對應到我們前一步驟在GTM所設定的值，所以請務必填寫正確，GA才有辦法正確的追蹤到你所設定的事件
- 如果想要比較嚴謹的判定，可以讓「類別」、「事件」、「標籤」完全等於我們在GTM所設定的值，但也可以只選擇一個做設定
小提醒：可以透過「驗證此目標」這個功能來測試事件的設定是否正確，如果有看到系統告訴你這個事件可能的轉換率是多少，代表你設定成功了！
GA報表如何追蹤目標事件？
最後，我們可以透過GA的兩份報表來查看我們所設定的事件：
(1) 行為報表 > 事件
(2) 轉換報表 > 目標
今天與大家分享該透過GTM來設定GA的事件追蹤，怎麼看報表以及分析就不多說了，有機會再跟大家分享囉！
