GTM教學｜GTM問題總整理

本篇文章集合常見GTM問題。GTM是甚麼、GTM基礎埋碼、GTM伺服器埋設該如何操作、GTM埋設META像素追蹤如何操作等。 本篇內文也定期將GTM的常見問題進行彙整 。

GTM是甚麼

GTM是一個台灣大小公司都會需要使用的工具，只要公司有 網站、有投放廣告、做數據分析 ，基本上GTM可以說是你一定要認識的工具之一。但不是每一間公司都會有專門做數據這一塊的資訊背景人員，因此也才會有Google Tag Manager (GTM)的出現。目地就是為了 減少行銷人員、數據分析人員部署資料的門檻 。GTM要做到非常深入也是可以辦得到的。

想要施行網站人數預覽統計、選單點擊次數、廣告成效追蹤、icon社群追蹤、Youtube點擊觀看次數、伺服器追蹤、UID追蹤、自訂js寫入追蹤....等太多，都可以直接透過GTM幫你執行。

GTM跟GA4是甚麼關係

GTM是負責告訴GA4收集哪些數據；GA4則是將收集來的數據進行分析。

透過GTM可以進行網站的使用者行為追蹤，然而再透過GA4把收集來的數據給予行銷人員，進行廣告優化分析、網站優化、AB TEST的優化。讓新手最快理解兩者的差異就是以上這樣。

GTM帳戶容器架構

一個帳戶底下可以擁有多個容器；一個容器可以擁有三個工作區；一個工作區可以存放不同的代碼。

如果公司有不同網域，需要進行不同網站的追蹤，那通常就會開立一個GTM容器，並擁有 兩個容器；每一個容器分別對應不同網站的追蹤。

而工作區，則是 依照公司內部需求進行代碼的劃分方便管理 ，當你的代碼有超過上百個，要管理起來就非常困難。因此你也可以透過GTM的工作區，藉由工作區來劃分不同類別的代碼。

GTM的基礎架構

一開始接觸GTM，一定要了解GTM的基礎架構，那就是「代碼、觸發器、變數」。以下是我對於這三個的認解，也分享給你快速瞭解這三個架構的作用。

代碼：你想要GTM執行的指令。 觸發器：你想要甚麼時候執行GTM指令。 變數：執行GTM指令時附帶的資料；將GTM觸發器的條件細分。

閱讀GTM的基礎架構全文

GTM變數解說

本篇內容講解關於GTM的全部內建變數詳細解說 ，以及對應前台網站的內容是甚麼。如果你想要把GTM學習完整，那務必也要瞭解完整全部的GTM變數。

閱讀 GTM變數解說 全文

新開GTM容器必備設定

如果 剛開設一個新的GTM容器，那一定要開啟GTM內建變數 。透過GTM內建變數，他可以直接抓取debug模式中，點擊的任何元件所對應的資料。我們可以透過這些回傳的資料；也就是變數。來去做深入的條件設定、回傳變數至GA4等動作。因此如果有新開的GTM容器，務必要將這個動作完成！

閱讀新開GTM容器必備設定 全文

GTM為甚麼連結不上

GTM如果是連結不了，以上面的例子來說，肯定是埋設原始碼沒有正確設定在GTM裡面。

可能的原因1

設定沒有設定完成，例如你透過WordPress埋設ID進去WP的網站，但你忘記啟用。

可能的原因2

透過瀏覽器的Ctrl + F 搜尋google tag的字眼，確認GTM基礎代碼有沒有出現在網頁原始碼中。如果你有某一頁跳轉到突然發生GTM連接失敗，而其他分頁都正常，那可能代表你的那一頁沒有正常埋設。

Google ADS轉換追蹤

如果你是要 追蹤Google Ads的轉換成效 。 這一篇透過GTM埋設GADS的轉換追蹤、包括轉換事件金額；如果你的GTM已經 能正常收集到轉換事件的價值 ，例如加入購物車、購買等電子商務轉換事件，那麼你就可以再透過GTM進行事件價值的傳送，讓GAD進行廣告優化、成效評估。

閱讀GOOGLE ADS轉換事件設定全文

GTM埋設Meta像素有錯誤/重複

如果你透過GTM埋設Meta像素有錯誤/重複，或者是你埋設的網站經過多個公司轉手過，因此像素雜亂，同時有多個像素在前端收集事件。 那你可以參閱這一篇文章，如何解決這樣的多個像素同時收集，導致臉書像素無法正常收集情況 。

閱讀GTM埋設Meta像素有錯誤/重複

如何辨別SPA類型的網站

Single Page Application（SPA）是甚麼、該怎麼用GTM埋設SPA網頁。GTM只有一排事件流；而且頁面好像都不會更新。前面這兩點跡象，你可以先判斷，極大可能是SPA型的網頁。 本篇文章透過JS渲染頁面 (SPA)站，那可以怎麼進行GTM的埋設?

閱讀如何辨別SPA類型的網站全文

GTM如何快速DEBUG偵錯

如果你正在幫公司埋設GTM但總是抓不到錯誤，或是你覺得使用GTM埋設的時間非常沒有效率，那你可以考慮看一下這一篇，透過GTM - DEBUG模式，了解GTM如何快速查詢埋設有無錯誤。

透過了解Dubug模式中的事件流，以及網站的事件順序、如何調整的說明，查看GA4接收資料的狀況，及網站上的dlv資料。所以我很推薦把Debug模式學會，基本上GTM也能很輕鬆的操作。

閱讀GTM如何快速DEBUG偵錯全文

GTM設定事件追蹤

你需要先幫網站定義，網站屬於甚麼類型、 網站的商業目標是甚麼 。透過商業目標再去規劃網站的整個可收集的事件。GA4裡面已經提供加強型評估，加強型評估所含有的事件包刮「頁面瀏覽page_view、捲動scroll、連外點擊outboundlink、站內搜尋view_search_results、影片三大事件video_complete、video_start、video_progress、檔案下載file_download、表單互動form_start/form_submit」。所以務必要確認自己埋設GTM自訂事件時， 有無與 加強型評估產生重複的情況 。

網站按鈕點擊

如果你要追蹤頁面選單按鈕、社群按鈕、其他頁面按鈕、全站連結點擊情形 ，都可以透過GTM進行的追蹤。

閱讀網站按鈕點擊追蹤全文

網站通話追蹤

透過GTM追蹤網站上的撥打電話按鈕，這一個做法跟上一個按鈕追蹤類似，不過還是告訴你GTM也是辦得到的。

閱讀網站通話追蹤全文

網站表單追蹤 - 需驗證

如果你的網站是 Wordpress ，可以透過表單有無正確填寫資料，並點選提交，進行網頁的事件的追蹤。 此方法可以正確平評估網站的提交表單數，與後台實際收到的表單數不容易有落差 ，但收集條件較嚴苛，不易轉換成效學習；需留意。需要下載的外掛插件有兩個 ContactForm7, GTM4WP 。

閱讀網站表單追蹤 - 需驗證全文

網站表單追蹤 - 無驗證

如果你是自己架設的網站，並沒有任何的外掛與插件可以輔助 。那你除了可以透過GA4的內建加強型評估、製作表單thankyou page、或是請資訊人員撰寫表單驗證的html代碼。此方法的好處是，轉換事件容易收集，但是與實際收到的有用名單誤差大。

閱讀網站表單追蹤 - 無驗證全文

GTM追蹤圖片屬性 (ALT)

如果你想要抓取網站上圖片的點擊次數，或者是使用者點選哪一張圖片較多， 那麼你就可以透過GTM的AutoEvent變數抓取圖片上面的屬性 ，例如class, id, ALT等。後續進行資料回傳至GA4。

閱讀GTM追蹤圖片屬性 (ALT)全文

GTM實施伺服器追蹤

伺服器購買及配置

透過Google Cloud Platform - GCP，提供的請求伺服器服務 ，利用GTM建立伺服器追蹤在GCP上。如果你想要實行伺服器部署， 務必要先購買一個請求伺服器 ，這樣才有地方容納來自網站的所有事件請求。

閱讀伺服器購買及配置全文

部署GA4伺服器追蹤

前一段落設定好你的伺服器配置後，接下來就是 利用伺服器來進行GA4的事件追蹤。

閱讀部署GA4伺服器追蹤全文 +YOUTUBE教學

FacebookCapi轉換事件設定

臉書廣告或稱Meta伺服器追蹤設定。透過伺服器追蹤可以增加網站轉換事件收集的準確度。至於為甚麼透過伺服器追蹤可以提供轉換成效， 原因我放在這一篇文章 ， 如果你有興趣可以參閱這一篇文章內容。

閱讀設定Facebook的Capi全文

TikTok廣告轉換追蹤

最近開始流行投放Tiktok廣告，如果你也要進行Tiktok廣告，務必也要先確保自己有 正確收集轉換事件價值 ，以利系統計算ROAS，等其他效益評估。

閱讀Tiktok廣告設定全文

GTM事件觸發失敗 - ShadowDOM

如果你是常碰代碼處理的數位人員，或是原本就碰程式碼的工程師，可能瀏覽器預設都是沒有打開Shadow Root這個選項；尤其當要設定GTM的條件、抓取DOM元素的時候，就是抓取不到特定的資料。如果你有這個問題， 可以先試著把Shadow Root打開，讓dev tool可以看到更多隱藏的Dom 結構 。 詳閱本文「Shadow DOM- GTM觸發條件常失敗」 。