Google Tag Manager(簡稱 GTM)簡單來說,就是一個「讓你不用麻煩工程師,自己就能在網站後台安裝各種追蹤碼」的免費工具。如果你是產品經理、行銷人員,或者只是自己經營網站的人,只要學會 GTM,之後要裝 GA4、設定按鈕點擊追蹤、甚至 Facebook 廣告轉換碼,通通可以自己搞定,不用再排隊等工程師有空。
如果想要建立一個 WordPress 網站來練習 GTM 操作,那麼可以參考我這篇《WordPress安裝GTM|手把手教學安裝GTM》文章。
為什麼你需要 Google Tag Manager?
老闆週五問你:「這個月網站的新用戶有多少?」
你打開報表才發現,啊,GA 根本還沒裝!
你趕快去拜託工程師,工程師卻說:「這週在趕登入功能,下個月再幫你排。」
然後,你就卡住了。數據沒有,老闆在等,你什麼都不能做。
GTM 就是為了解決這個尷尬而生的。
你只需要請工程師「幫一次忙」,把 GTM 的程式碼放上網站,之後所有追蹤相關的事情,你都可以自己處理,不用再看工程師的行事曆。
三個核心概念:代碼、觸發條件、變數
在 GTM 裡面,只要搞懂這三件事,後面操作就會很順,如果覺得名詞很陌生,沒關係,我用一個「快遞」的比喻來說明。
代碼
就是「包裹內容物」,例如:你想要記錄「用戶把商品加入購物車」這件事,這個事件本身就是一組代碼。
觸發條件
就是「什麼時候寄出包裹」,例如:每次有人點擊「加入購物車」按鈕的時候,就觸發。
變數
就是「包裹上寫的細節」,例如:用戶加入的是哪個商品、價格多少、數量多少。
GA4(Google Analytics)
就是「收件人」。負責收下所有包裹,記錄下來,讓你可以看報表。
整個流程跑起來是這樣
- 使用者點擊「加入購物車」按鈕 → 觸發條件啟動
- GTM 抓取商品名稱、價格等資訊 → 變數提供細節
- GTM 把這些資料打包成一個事件 → 代碼送出
- GA4 收到並記錄 → 你就可以在報表裡看到「加入購物車」的次數、商品明細、總金額
簡單來說:
- 代碼決定「做什麼」
- 觸發條件決定「何時做」
- 變數決定「傳什麼資訊」
- GA4負責「收下來、記下來」
安裝 Google Tag Manager
這支影片帶你把 GTM 的程式碼放到網站上。只要做一次,之後所有追蹤碼你都可以自己管理。
透過 GTM 安裝 GA4
透過 GTM 安裝 GA4
把 Google Analytics 4 裝好,之後就能看報表。
建立Click Text點擊按鈕事件
學會追蹤「用戶點擊了哪個按鈕」,完成後你就能在 GA4 看到:用戶點了「立即購買」還是「取消」這類數據。
捕捉Click Classes事件
有些按鈕文字相同但位置不同,這時改用「按鈕的樣式名稱」來追蹤會更準確,這支影片會說明什麼時候該用 Click Classes 取代 Click Text。
建立網頁捲動深度事件
想知道用戶有沒有真的把文章看完?用捲動深度事件就可以追蹤「用戶捲到 25%、50%、75%、100%」的數據。
利用 GA4 偵錯模式確認 GTM 事件
設定完之後,最怕的是「不知道有沒有成功」。這支影片教你用 GA4 的偵錯模式,即時確認事件有沒有正確送出,不用等隔天才發現沒裝好。
要深入了解產品經理的核心技能,請參考我們的詳細指南:產品經理的核心技能