Google Tag Manager（GTM）是一款由Google提供的免費工具，用於簡化網站的管理，尤其是不想要看工程師臉色的非工程人員使用，畢竟工程師有在跑Scrum的話，你這種改改連結、追蹤事件的小事，真的不太會被PO排到Prodcut Backlog。GTM允許用戶「輕鬆」添加和更新各種追蹤碼，如Google Analytics和AdWords轉換追蹤，無需直接修改網站原始碼，但這裡指的輕鬆是相較於讓工程師來處理，你非工程人員還是要多少會一點點的程式概念會更好，但像我沒有程式背景也可以使用，所以才有這樣的GTM教學文章。
以下，是我想到就會紀錄起來的GTM教學，分享給需要的朋友們，或是你想要建立一個WordPress網站來練習GTM操作，那麼可以參考我這篇WordPress安裝GTM｜手把手教學安裝GTM文章。
Google Tag Manager是什麼？
我們以下開始將Google Tag Manager簡稱為GTM。GTM是什麼？它是一種由Google推出的「代碼管理工具」，可以讓使用者直接在GTM界面上去新增、調整或是刪除代碼，不用再去看工程師的臉色。
什麼意思？也就是說，當今天你需要安裝GA4的代碼，或是其他第三方的代碼時，都還會需要經過和工程師們的討論，讓工程師知道這些代碼的目的以及要安裝在哪裡，但是，工程師手上一定還有優先級遠高於此任務的情況，因此，你想要追蹤的數據一直沒有工程師可以幫你安裝，所以就那麼過了好久好久以後。
此時，你的老闆還在等你的數據，但根本還沒有埋追蹤代碼，你該怎麼辦？
這個時候GTM的登場，就是十分重要了，因為你可以自己來處理了，有什麼狀況還可以自己動手調整。
代碼、觸發條件與變數
在GTM當中，有三件事情只要先搞清楚，對於後續的操作，你會更佳的得心應手。
代碼
指的就是程式碼，例如，GA4的代碼讓你埋到網頁裡。
觸發條件
則是指「何時啟動這個代碼」，例如，有人瀏覽了某一個網頁、點擊一個按鈕、滑動了頁面，都是一種觸發條件。
變數
則是指用來擷取需要傳送的資料，例如，你可以設定變數來擷取用戶購買產品的交易金額。
看不懂？沒關係，往下看舉例說明。
GTM意思到底是什麼
代碼決定「做什麼」， 觸發條件決定「何時做」，變數決定了「傳遞什麼資訊」，GA4負責「接收和記錄資訊」。
- 使用者點擊「加入購物車」按鈕（觸發條件）。
- GTM擷取商品名稱、價格等資訊（變數）。
- GTM觸發GA4事件代碼，將事件名稱(
add_to_cart）和相關參數（商品資訊、購物車總價值）傳送給 GA4。 - GA4接收並記錄事件資料，可以在GA4報表中查看加入購物車的次數、商品明細、總價值等數據。
這個例子說明了：
- 變數儲存了與事件相關的重要資訊（商品名稱、價格）。
- 觸發條件決定了何時發送追蹤數據（點擊加入購物車按鈕時）。
- 代碼負責將數據傳送給GA4，並定義事件名稱和參數。
安裝Google Tag Manager
透過GTM，安裝GA4
透過GTM，安裝GA4的評估ID
建立Click Text點擊按鈕事件
捕捉Click Classes事件
建立網頁捲動深度事件
利用GA4偵錯模式確認GTM事件
要深入了解產品經理的核心技能，請參考我們的詳細指南：產品經理的核心技能