上一篇「GTM簡介與安裝」介紹了GTM相關的基礎安裝與概念，緊接著就立即介紹最常使用的「如何將GTM串接GA4及FB像素」，以利後續的事件或數據追蹤。
如果網站尚未安裝GTM的追蹤代碼，建議先閱讀學習「GTM簡介與安裝」一文，先將GTM代碼安裝到網站上。
GTM後台管理介面
當申請註冊GTM完成並且進入GTM網站後，直接就是GTM網站後台的介面， GTM的後台管理介面主要分成以下幾個區塊：
- 管理區：此區塊可以轉換/設定帳戶、新增/設定/提交發布容器、查看垃圾桶等。
- 功能區：設定GTM最重要的元素：代碼、觸發條件、變數。
- 操作記錄：從這邊可以查看哪個帳號修改編輯了什麼代碼。
- 版本區：當正式發布容器之後，就會新增一個新的版本紀錄，也可以從這邊「還原」過去的容器版本。
GTM串接GA4
對於一些已經開始或是正要開始使用GA4的朋友來說，利用GTM串接GA4是必要的學習趨勢，因此這邊先優先介紹基本的串接GA4代碼，讓GA4可以藉由GTM代碼追蹤網站的數據；並且藉以接續後續的GA4事件追蹤學習。
Step1
在已經新增的容器裡，新增代碼。
Step2
設定「代碼名稱」之後，點擊中間圖示新增代碼類型後，於右側彈出的視窗選擇「GA4設定」。
補充說明
在右側彈出代碼類型視窗中，會看到兩種基本關於GA4的代碼：
以下，澤稼為各位針對「網站（不算應用程式）」的「自動收集事件」，做個簡單的小整理：
| 事件 | 自動觸發時機... | 參數 |
|---|---|---|
| first_visit | 使用者初次造訪已啟用 Analytics (分析) 的網站時。 | |
| form_start | 使用者第一次在工作階段中與表單互動時。 注意：您必須為參數建立自訂維度，才能在報表中使用參數。 | form_id、form_name、form_destination |
| form_submit | 使用者提交表單時。 注意：您必須為參數建立自訂維度，才能在報表中使用參數。 | form_id, form_name、form_destination、form_submit_text |
| session_start | 在有使用者與網站互動時觸發，系統會自動針對每個工作階段產生工作階段 ID 和工作階段編號，並與工作階段中的每個事件建立關聯。 | |
| user_engagement | 網頁成為焦點至少一秒時。可參閱使用者參與度。 | engagement_time_msec |
Step3
切換GA4的後台，從「管理」進入資料串流，再複製「資料串流 ID」。
Step4
回到GTM的「GA4設定」，貼上「GA4的資料串流 ID」；下方相關設定皆使用預設即可。
補充說明
下方會看到「載入這項設定時傳送一次網頁瀏覽事件」，由於目前剛開始做代碼的設定，沒有自訂的參數及使用者屬性，因此可以先勾選；後續如果是自訂的事件，則可以評估取消勾選這個項目。
Step5
下方的「觸發條件」選擇「All Pages（網頁瀏覽）」即可。
Step6
因為目前尚未正式發布，因此可以藉由「預覽模式」測試代碼是否運作正常，如無問題，即可正式發布提交容器版本。
GTM串接臉書像素（FB Pixel）
除了GA代碼追蹤，臉書像素（FB Pixel）也是較多會使用到的時機，因此接下來澤稼就為各位介紹如何串接GTM及臉書像素。
首先，我們必須先了解，臉書像素是由「基底程式碼（Base Code）」與「事件程式碼（Event Code）」兩個部分構成，且臉書像素不像GA一樣，可以獨立執行事件追蹤，在臉書像素追蹤事件（例如購買訂單或是網頁瀏覽）前，一定要先執行「基底程式碼（Base Code）」。
- 基底程式碼：會放在網站的所有頁面中，追蹤使用者在網站中的行為。
- 事件程式碼：可以放在特定網站的頁面，追蹤特定的動作，如商品轉換、點擊等。
Step1
在「容器設定」的新增代碼中，由於臉書像素不是GTM內建的代碼，因此需要選擇「自訂HTML」。
Step2
進入臉書的「企業管理平台設定」，點擊「所有工具」的「事件管理工具」。
Step3
點擊「+連結資料來源」，類型選擇「網站」，後續輸入「像素名稱」及「網域網址」等等步驟；實際操作說明可以參閱「Meta 企業商家使用說明」。
補充說明
取得臉書追蹤碼過程中，會有建議使用「工作夥伴整合工具」的方式，如果使用此工具，就是使用外掛的方式，如果不是要整合到GTM的話，「工作夥伴整合工具」也是一個不錯的建議方案。
Step4
選擇「手動安裝程式碼」即可。
Step5
取得臉書像素的追蹤碼。
Step6
將臉書像素程式碼貼至「GTM代碼」中即可。
Step7
GTM代碼下方的「代碼啟動選項」裡，設定為「每個網頁一次」；觸發條件一樣設定「All Pages」，即完成臉書像素「基底程式碼（Base Code）」的設定。
補充說明
「代碼觸發選項」是控制GTM代碼在網頁上的觸發方式，分為以下三種：
- 無限制：代碼會在每次達到觸發條件時觸發（僅有在啟用代碼觸發順序時，才能使用這個選項）。
- 每個事件一次：代碼只會在指定事件發生時觸發一次，可以避免重複觸發的問題。
- 每個網頁一次：代碼只會在網頁載入時觸發一次。由於我們目前基底程式碼的觸發條件是「All Pages」，因此只要每個網頁剛載入時，觸發一次即可。
系列文章
- GTM應用1-[安裝篇]GTM簡介與安裝
- GTM應用3-[事件篇]GTM安裝GA4事件追蹤
若需要額外的設計或是功能，或是想瞭解關於網站SEO相關問題，或是WordPress架站服務，歡迎立即諮詢澤稼，將有專人為您服務，如果是從本文進行接洽，則另有優惠，可免費幫您安裝GTM及GA3&4，以利後續您的網站追蹤。
