在數位行銷裡,數據追蹤是成功的關鍵,但處理繁雜的追蹤程式碼總是讓人頭痛,還得仰賴工程師幫忙,Google Tag Manager 則是解決此一問題的神器。Google Tag Manager 是什麼?本文將提供完整教學,讓你一篇就能了解它的用途與功能!
Google Tag Manager 是什麼?
Google Tag Manager 代碼管理工具(簡稱 GTM)是一款免費又強大的代碼部署工具,專門用來管理網站或 App 裡的行銷與數據分析的「代碼」(Tags)。它可以輕鬆管理像 Google Analytics、Facebook Pixel 這類行銷標籤,不用碰網站程式碼就能快速部署和調整,並提供預覽功能。
假設你有一個網站,裡面有一個「聯絡我們」按鈕,你想要知道有多少人點擊這個按鈕。傳統做法是請工程師幫你修改網站程式碼,新增 Google Analytics 的事件追蹤程式碼。修改完後再把網站更新上線,可能要等幾天甚至更久。如果追蹤設定有錯,又得再請工程師修改,來回浪費時間。
而 GTM 則是新增一個代碼(Tag),設定為 Google Analytics 的事件追蹤;並設定一個觸發條件(Trigger),例如「當有人點擊聯絡按鈕時觸發」。儲存後,用 GTM 的「預覽模式」測試,確定沒問題後,直接發佈就完成了。
這對不太懂技術的人來說相當友善,再也不需要每次都麻煩工程師幫忙。透過 GTM,可以更有效率地管理標籤內容,不僅節省時間,也讓行銷工作變得更順手靈活,讓行銷人員隨時調整策略,快速應對需求。
Google Tag Manager 用途及功能說明
GTM用途1. 快速部署 Google Analytics 追蹤代碼
在 GTM 中新增 Google Analytics 標籤,並填入追蹤 ID,即可將追蹤代碼自動部署到網站的所有頁面,不再需要手動修改程式碼。不僅節省時間,還能降低出錯風險。如果網站日後需要升級到 GA4,只需在 GTM 修改設定即可完成,讓數據追蹤更靈活。
GTM用途2. 輕鬆設置轉換追蹤(如 Google Ads)
在 GTM 中設定標籤,並將觸發條件設置為用戶到達特定頁面(例如感謝頁)時啟動,系統便會記錄每一次轉換。行銷人員即可自行完成設置,節省與開發團隊的溝通成本。同時,當廣告策略調整時,GTM 讓你能即時更新追蹤設定,快速應變調整。
GTM用途3. 精準實現再行銷(Remarketing)
無論是 Facebook Pixel 還是 Google Ads 再行銷標籤,都能透過 GTM 輕鬆部署,即可記錄用戶行為,建立再行銷名單,並針對不同類型的用戶(例如未完成購物車結帳者)設計專屬的廣告策略,讓再行銷活動更有針對性,進一步提升廣告效益。
GTM用途4. 全面記錄事件追蹤:按鈕點擊、表單提交等
使用 GTM 可輕鬆追蹤用戶在網站上的特定行為,例如按鈕點擊、表單提交、影片播放等。只需設定觸發條件(例如用戶點擊某按鈕時觸發),便能透過 Google Analytics 記錄這些數據。不需要寫程式碼,也不必請工程師協助,幾分鐘內即可完成。
Google Tag Manager 必知的5個基本元件
對於剛剛開始認識 Google Tag Manager 的新手來說,一定要認識 GTM 的 5個基本元件:Accounts(帳戶)、Containers(容器)、Tag(代碼)、Triggers(觸發條件)、Variable(變數)。
1. GTM 的「總管理室」:Accounts(帳戶)
通常一間公司只需要一個 GTM 帳戶,而每個帳戶裡可以包含多個容器。舉例來說,假設你為公司管理三個網站,你可以在一個帳戶內為每個網站建立各自的容器,方便集中管理,確保不會因為有多個網站的標籤設定而搞混。
2. GTM 的「家」:Containers(容器)
容器是用來裝所有代碼(Tag)、觸發器(Trigger)、和變數(Variable)的地方。當你為一個網站或 App 設置 GTM 時,Google 會生成一段程式碼,這段程式碼就是你的容器。你只需要把這段程式碼貼到網站的 <head> 和 <body> 中,整個網站就可以跟 GTM 連結。
3. GTM 的「任務」:Tag(代碼)
代碼主要是負責執行你指定的任務,例如啟用 Google Analytics 追蹤、記錄廣告轉換、或是發送再行銷數據到 Facebook Pixel。你可以把代碼理解為「任務指令」,每個代碼都有特定的功能。舉例來說,如果你希望追蹤按鈕點擊次數,可以新增一個 Google Analytics 代碼,然後設定它的功能為「記錄按鈕點擊」。
4. GTM 的「指令開關」:Triggers(觸發條件)
觸發條件是決定「什麼時候執行代碼」的規則,可以把它想像成一個開關。只有當觸發條件被啟動時,代碼才會運作。例如,你希望某個代碼在用戶點擊「購買按鈕」時執行,那麼觸發條件就設為「按鈕點擊」。GTM 提供多種觸發條件,包括頁面加載、按鈕點擊、表單提交,甚至是用戶瀏覽某段 URL 時觸發。
5. GTM 的「小幫手」:Variables(變數)
變數是用來協助代碼和觸發條件完成更精確的任務,你可以把變數理解為用來幫助 GTM 確定某些條件或輸出特定數據。例如:你可以設置一個變數來確認「點擊的按鈕名稱是否為購買」,或是用變數存放 Google Analytics 的追蹤 ID,方便未來修改時只需更新一次即可。
Google Tag Manager 帳號申請&安裝教學
步驟1. 建立帳戶
要使用 GTM 必須先建立帳號,可以進入Google Tag Manager 網站申請,點擊右上角的「建立帳戶」按鈕。
步驟2. 創建容器名稱
點選後會進入到以下畫面,也就是創建容器名稱,將資料填寫完畢後,並依據平台選擇容器類型(網站、iOS、Android、AMP)。
按下「建立」後,會跳出Google 代碼管理工具服務合約條款,請於下方勾選後,再點右上角的「是」,即創建完成。
步驟3. 安裝 GTM 程式碼到網站
創建完成後,GTM 會彈出視窗,提供容器程式碼,再依據指示將這兩段程式碼分別埋到 <head> 和 <body> 開頭,即可完成設置。
步驟4. 確認 GTM 是否安裝成功
確認 GTM 是否安裝成功,確保可順利運作的測試方式有兩種:其一是開啟預覽模式,另一種方式是使用 Google Tag Assistant 插件來檢視。
1. 開啟預覽模式
到 GTM 工作區點擊右上角的「預覽」查看。
2. 使用 Google Tag Assistant
安裝 Chrome 的擴充功能 Google Tag Assistant,安裝到瀏覽器後啟動,點擊Enable。
即可查看到以下的代碼安裝情形,每個追蹤碼標籤可能會出現綠色、藍色和紅色 3種情況。綠色代表沒有問題、藍色代表運作中,部分有待改善、紅色則代表錯誤。當出現藍色和紅色時,可點擊標籤進一步查看改善建議。
Google Tag Manager 如何設定追蹤項目?
以下舉例如何透過 Google Tag Manager 設定 Google Analytics 的追蹤項目。
步驟1. 登入 GTM,進入工作區點選代碼,再點擊右上角的「新增」
步驟2. 點選代碼設定後,選擇 Google Analytics
步驟3. GA4 設定選擇「Google Analytics:GA4 事件」,輸入評估ID
步驟3. GA3 設定選擇「Google 代碼」,輸入代碼ID,並選擇追蹤類型(例如:事件)
*請注意:GA 跟 GA4 的設定不同。
步驟4. 觸發條件選擇 All Pages,完成設定後,點選右上角的「儲存」
步驟5. 儲存後會回到工作區,記得須再點擊「提交」,所設定的內容才會觸發
Google Tag Manager 常見問答
Q1. GTM 與 Google Analytics(GA) 有什麼不同?
GTM 和 GA 是兩個相互搭配使用的工具,並沒有誰取代誰的問題。
GA 是一個專門用來收集和分析網站數據的工具,它幫助你了解訪客行為,例如流量來源、用戶停留時間、點擊行為等。
而 GTM 則是一個標籤管理工具,負責協助你部署像 GA 這樣的追蹤代碼,以及其他行銷標籤,如 Facebook Pixel、Google Ads 標籤等。
簡單來說,GA 是用來「分析數據」,而 GTM 是用來「管理代碼」。藉由 GTM 啟動 GA,進而達到提高數據追蹤的效率。
Q2. Google Tag Manager 能否與其他工具整合?
可以!GTM 支援多種工具整合,不僅限於 Google 旗下產品,如 GA、Google Ads,還包括第三方行銷與分析工具,例如:Facebook Pixel、LinkedIn Insights、Hotjar、Crazy Egg 等。甚至還能透過 GTM 部署自訂 HTML 或 JavaScript 標籤,滿足多樣化的需求。
Q3. 如何檢查 Google Tag Manager 設定是否正確?
GTM 提供了「預覽與除錯模式」(Preview and Debug Mode)來檢查設定是否正確。
在 GTM 平台中啟用預覽模式後,即可在網站上看到調試工具列,顯示哪些代碼已觸發、哪些未觸發,以及代碼觸發的詳細條件;還能檢查變數的實際值,確認設定是否符合需求。此外,配合瀏覽器的擴充功能(如 Tag Assistant),可以進一步驗證代碼是否正常運作。這些工具讓你在發布之前就能發現問題,避免錯誤影響網站運行。