Google Tag Manager 是什麼?不用看工程師臉色,自己就能裝追蹤碼

Google Tag Manager(簡稱 GTM)簡單來說,就是一個「讓你不用麻煩工程師,自己就能在網站後台安裝各種追蹤碼」的免費工具。如果你是產品經理、行銷人員,或者只是自己經營網站的人,只要學會 GTM,之後要裝 GA4、設定按鈕點擊追蹤、甚至 Facebook 廣告轉換碼,通通可以自己搞定,不用再排隊等工程師有空。

如果想要建立一個 WordPress 網站來練習 GTM 操作,那麼可以參考我這篇《WordPress安裝GTM|手把手教學安裝GTM》文章。

為什麼你需要 Google Tag Manager?

老闆週五問你:「這個月網站的新用戶有多少?」

你打開報表才發現,啊,GA 根本還沒裝!

你趕快去拜託工程師,工程師卻說:「這週在趕登入功能,下個月再幫你排。」

然後,你就卡住了。數據沒有,老闆在等,你什麼都不能做。

GTM 就是為了解決這個尷尬而生的。

你只需要請工程師「幫一次忙」,把 GTM 的程式碼放上網站,之後所有追蹤相關的事情,你都可以自己處理,不用再看工程師的行事曆。

三個核心概念:代碼、觸發條件、變數

在 GTM 裡面,只要搞懂這三件事,後面操作就會很順,如果覺得名詞很陌生,沒關係,我用一個「快遞」的比喻來說明。

代碼

就是「包裹內容物」,例如:你想要記錄「用戶把商品加入購物車」這件事,這個事件本身就是一組代碼。

觸發條件

就是「什麼時候寄出包裹」,例如:每次有人點擊「加入購物車」按鈕的時候,就觸發。

變數

就是「包裹上寫的細節」,例如:用戶加入的是哪個商品、價格多少、數量多少。

GA4(Google Analytics)

就是「收件人」。負責收下所有包裹,記錄下來,讓你可以看報表。

整個流程跑起來是這樣

  1. 使用者點擊「加入購物車」按鈕 → 觸發條件啟動
  2. GTM 抓取商品名稱、價格等資訊 → 變數提供細節
  3. GTM 把這些資料打包成一個事件 → 代碼送出
  4. 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 的偵錯模式,即時確認事件有沒有正確送出,不用等隔天才發現沒裝好。

要深入了解產品經理的核心技能,請參考我們的詳細指南:產品經理的核心技能
返回頂端