Google Tag Manager是什麼?完整教學帶你了解用途&功能!

Google Tag Manager是什麼?完整教學帶你了解用途&功能!

目錄

在數位行銷裡,數據追蹤是成功的關鍵,但處理繁雜的追蹤程式碼總是讓人頭痛,還得仰賴工程師幫忙,Google Tag Manager 則是解決此一問題的神器。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 用途及功能說明

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 帳戶,而每個帳戶裡可以包含多個容器。舉例來說,假設你為公司管理三個網站,你可以在一個帳戶內為每個網站建立各自的容器,方便集中管理,確保不會因為有多個網站的標籤設定而搞混。

GTM Accounts

2. GTM 的「家」:Containers(容器)

容器是用來裝所有代碼(Tag)、觸發器(Trigger)、和變數(Variable)的地方。當你為一個網站或 App 設置 GTM 時,Google 會生成一段程式碼,這段程式碼就是你的容器。你只需要把這段程式碼貼到網站的 <head> 和 <body> 中,整個網站就可以跟 GTM 連結。

GTM Containers

3. GTM 的「任務」:Tag(代碼)

代碼主要是負責執行你指定的任務,例如啟用 Google Analytics 追蹤、記錄廣告轉換、或是發送再行銷數據到 Facebook Pixel。你可以把代碼理解為「任務指令」,每個代碼都有特定的功能。舉例來說,如果你希望追蹤按鈕點擊次數,可以新增一個 Google Analytics 代碼,然後設定它的功能為「記錄按鈕點擊」。

GTM Tag

4. GTM 的「指令開關」:Triggers(觸發條件)

觸發條件是決定「什麼時候執行代碼」的規則,可以把它想像成一個開關。只有當觸發條件被啟動時,代碼才會運作。例如,你希望某個代碼在用戶點擊「購買按鈕」時執行,那麼觸發條件就設為「按鈕點擊」。GTM 提供多種觸發條件,包括頁面加載、按鈕點擊、表單提交,甚至是用戶瀏覽某段 URL 時觸發。

GTM Triggers

5. GTM 的「小幫手」:Variables(變數)

變數是用來協助代碼和觸發條件完成更精確的任務,你可以把變數理解為用來幫助 GTM 確定某些條件或輸出特定數據。例如:你可以設置一個變數來確認「點擊的按鈕名稱是否為購買」,或是用變數存放 Google Analytics 的追蹤 ID,方便未來修改時只需更新一次即可。

GTM Variables

Google Tag Manager 帳號申請&安裝教學

步驟1. 建立帳戶

要使用 GTM 必須先建立帳號,可以進入Google Tag Manager 網站申請,點擊右上角的「建立帳戶」按鈕。

GTM 帳號

步驟2. 創建容器名稱

點選後會進入到以下畫面,也就是創建容器名稱,將資料填寫完畢後,並依據平台選擇容器類型(網站、iOS、Android、AMP)。

GTM創建容器名稱

按下「建立」後,會跳出Google 代碼管理工具服務合約條款,請於下方勾選後,再點右上角的「是」,即創建完成。

GTM 創建容器名稱

步驟3. 安裝 GTM 程式碼到網站

創建完成後,GTM 會彈出視窗,提供容器程式碼,再依據指示將這兩段程式碼分別埋到 <head> 和 <body> 開頭,即可完成設置。

GTM 程式碼

步驟4. 確認 GTM 是否安裝成功

確認 GTM 是否安裝成功,確保可順利運作的測試方式有兩種:其一是開啟預覽模式,另一種方式是使用 Google Tag Assistant 插件來檢視。

1. 開啟預覽模式

    到 GTM 工作區點擊右上角的「預覽」查看。

    GTM預覽模式

    2. 使用 Google Tag Assistant

      安裝 Chrome 的擴充功能 Google Tag Assistant,安裝到瀏覽器後啟動,點擊Enable。

      Google Tag Assistant

      即可查看到以下的代碼安裝情形,每個追蹤碼標籤可能會出現綠色、藍色和紅色 3種情況。綠色代表沒有問題、藍色代表運作中,部分有待改善、紅色則代表錯誤。當出現藍色和紅色時,可點擊標籤進一步查看改善建議。

      GTM代碼安裝情形

      Google Tag Manager 如何設定追蹤項目?

      以下舉例如何透過 Google Tag Manager 設定 Google Analytics 的追蹤項目。

      步驟1. 登入 GTM,進入工作區點選代碼,再點擊右上角的「新增」

      透過 Google Tag Manager 設定 Google Analytics 的追蹤項目

      步驟2. 點選代碼設定後,選擇 Google Analytics

      GTM代碼設定
      GTM Google Analytics

      步驟3. GA4 設定選擇「Google Analytics:GA4 事件」,輸入評估ID

      Google Analytics GA4 事件評估ID

      步驟3. GA3 設定選擇「Google 代碼」,輸入代碼ID,並選擇追蹤類型(例如:事件)

      *請注意:GA 跟 GA4 的設定不同。

      Google Analytics 3 Google 代碼

      步驟4. 觸發條件選擇 All Pages,完成設定後,點選右上角的「儲存」

      GTM觸發條件選擇1
      GTM觸發條件選擇2

      步驟5. 儲存後會回到工作區,記得須再點擊「提交」,所設定的內容才會觸發

      GTM提交

      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),可以進一步驗證代碼是否正常運作。這些工具讓你在發布之前就能發現問題,避免錯誤影響網站運行。

      相關文章

      預約DRM讓你的企業被看見_icon

      預約

      DRM深耕行銷_Logo

      讓你的企業被看見