GO TOP

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

最新更新日期: 2025 年 5 月 31 日

Google 已於 2023 年 7 月 1 日停止使用通用 Analytics (以下簡稱 GA3 ),Google Analytics 4(GA4)是Google最新一代的網站分析平台,具備事件導向的數據追蹤方式,更適合多裝置和跨平台的數據分析需求。透過GTM,您可以快速部署GA4的追蹤代碼(埋碼),並靈活設定自訂事件與參數。本篇教學將逐步引導您如何使用GTM設置GA4埋碼,讓您能全面掌握網站數據,提升行銷效益。

Google Tag Manager(GTM)是一個強大的工具,透過 GTM埋碼 可以幫助網站管理者輕鬆管理各種行銷和分析代碼,而無需修改網站的原始程式碼。

本篇教學僅教導各位,如何透過 GTM設定 ,將 GA4追蹤碼 設定至個人網站上,如您尚未申請帳號,請先前往以下教學連結:
(1)GA4帳號申請
(2)GTM帳號申請

GTM是一個功能強大且靈活的工具,能幫助行銷和開發團隊快速部署和管理標籤,提升數據追蹤的效率與準確性。透過學習和運用GTM,您可以有效掌握網站的使用者行為數據,為數據驅動的決策提供強大的支持。
主要功能與優勢

(1)資料層(Data Layer)的應用
GTM使用資料層作為標籤傳遞數據的基礎,能確保數據在多個標籤之間一致且正確。資料層可用來傳送自訂變數,如購物車內容、會員狀態等,方便進行更精準的數據追蹤。

(2)集中管理標籤
GTM允許您在單一平台中管理所有的追蹤代碼,包括Google Analytics、Google Ads、Facebook Pixel等第三方工具的標籤。所有標籤的添加、修改或移除都可以通過GTM完成,而不需要進入網站的後端代碼。

(3)無需技術背景
GTM提供了一個直觀的介面,即使沒有程式設計經驗的人也可以輕鬆設置和管理標籤。透過GTM,可以減少對開發團隊的依賴,快速響應行銷需求。

(4)支援事件追蹤
GTM支援設置事件追蹤,例如按鈕點擊、表單提交、頁面滾動深度等,讓您能夠捕捉更豐富的使用者行為數據。這些事件可以輕鬆傳送至Google Analytics或其他分析工具。

(5)提高靈活性與效率
透過GTM,標籤的更新不需要重新部署整個網站,縮短了標籤更新的時間,讓行銷團隊能更快速測試和實現其策略。

(6)強大的觸發條件設定
GTM的觸發器系統讓您可以設定標籤在特定條件下執行。例如,當使用者訪問特定頁面、點擊特定按鈕或完成某些操作時,觸發相關標籤執行。

(7)多環境測試功能
GTM提供版本管理和預覽功能。您可以在發佈前測試標籤是否正確運作,避免對網站或應用程式造成負面影響。

(8)支援多平台整合
除了網站,GTM還支援移動應用程式(iOS和Android)的標籤管理,適用於跨裝置的追蹤需求。

代碼設定

(1) 填寫代碼標題

進入GTM的『 工作區 』,點擊『 新增 』按鈕。

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

先輸入『 代碼標題 』,點擊代碼設定中的『 選擇代碼類型 』

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

(2) 設定代碼類型

左方將會跳出視窗,選擇『 Google Analytics 』

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

點擊『 Google代碼 』項目。

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

點擊『 代碼ID 』旁邊『 添加變數按鈕 』

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

彈出側欄視窗後,點擊『 + 』號新增變數按鈕

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

命名此變數『 GA ID 』,點擊『 變數設定 』

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

選取『 常值 』變數類型

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

將GA4的追蹤碼貼到『 值 』中,接著點擊『 儲存 』

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

接著剛剛設定的常值就會以『 {{GA ID}} 』的形式,顯示在代碼ID中

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

觸發條件

(1) 選擇觸發條件

點擊下方『 觸發條件 』,左方將會跳出視窗,選擇『 Initialization – All Pages 』

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)
[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

(2) 確認代碼設定

再次確認所有項目都沒有問題後,點擊『 儲存 』按鈕

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

發布代碼

回到工作區以後,會看到剛剛設定的代碼,接著點擊右上方『 提交 』按鈕

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)

您可以填寫這次新增的備註至『 版本名稱 』,也可以空白,接著點擊右上方『 發布 』按鈕

等待 GTM 發布

[GTM教學] 五分鐘設定Google Tag Manager、GA4埋碼

完成 GA4 埋碼

成功發布後將會顯示版本摘要『 URI路徑 』

[GTM教學] Google Tag Manager串接 GA4 Page View 五分鐘快速設定 (2025)
(總點閱次數 : 417 , 今日點閱數數 : 1 )
Andy 高嘉松
Andy 高嘉松

✓ 擁有8年MIS經驗以及使用WordPress製作過許多大型形象官網以及電商購物車網站
✓ 針對不同產業別給予專業建議及規劃,製作知名品牌網站,如黃色小鴨、佳世達等網站
✓ 熱愛研究網路服務、市場趨勢、用戶行為和動機, 熟悉GA、GTM、GSC工具
✓ 擅長數據分析、邏輯思考、資訊架構、系統整合

»購物車案例   »形象官網案例   »多語系網站案例

文章: 83
霍普行銷 Hope’s Marketing - 網站製作 | 平面設計 | 廣告投放 | 網路行銷