Google Tag Manager（簡稱：GTM）是什麼？Google的Tag Manager又要如何安裝呢？在網路時代中，許多事情都可以透過電腦來完成，而想要知道使用者的行為也不再是難事。透過安裝GTM，無論是電商或是企業網站，就能更清楚得知訪客的足跡，不僅可讓網頁更符合大眾需求，也能更精準得知消費者的性質。現在就讓我們來帶你認識GTM，幫助你更進一步了解網頁分析！
GTM是什麼？
在了解GTM之前，先讓我們來回顧一下過去的網站代碼植入方式。
以前是如何植入代碼？
以往在網站的建置過程中，通常會需要設計師、工程師與行銷人員共同合作，才能成功地建立一個網頁。而在網站架設完畢後，若想要知道使用者的行為，則必須透過工程師在網頁後台植入追蹤碼，才能夠知道使用者的足跡與行為。
而一旦想要修改或移除追蹤碼時，就必須再次尋求工程師的協助，才能進行移除動作。因此，在這樣繁複的流程下，常常會讓行銷人員覺得心累，而工程師也會感到煩躁。
Google Tag Manager誕生！
為了要解決上述的問題，Google在2012年時，便推出了一項新工具：Google Tag Manager。這項工具的出現，使得行銷人員不再需要尋求工程師的幫助，而是可以直接透過Google Tag Manager自行安裝或調整追蹤碼，且還可以同時管理多個追蹤碼，方便許多品牌的行銷人員更進一步得知訪客行為。
單然，GTM雖然內建了許多方便的功能，但操作人員仍然需要學習介面的操作方法，以及一些代碼的基礎觀念，對於想要了解GTM操作手冊的人，可以看這篇文章。
什麼是GTM容器？GTM帳戶與容器的關係與作用
GTM容器是一個儲存標籤、觸發條件與變數的容器檔案，與GTM帳戶共同運作，幫助使用者輕鬆管理和部署網站或應用程式上的追蹤代碼。
- GTM帳戶：是容器的管理單位，通常對應一家公司或一個組織。
- GTM容器：則是特定網站或應用程式的代碼管理單位，可以儲存網站或應用程式的所有追蹤標籤、觸發條件和變數等設定。
GTM帳戶和容器的關係可以想像成一個資料夾與其內的檔案。帳戶是最上層的資料夾，而容器是資料夾中的檔案。每個帳戶可以擁有多個容器，每個容器又可以包含多個追蹤標籤、觸發條件和變數等設定。
這種架構讓使用者可以輕鬆管理和部署網站或應用程式上的追蹤代碼，無需頻繁修改原始碼，大大簡化了追蹤代碼的管理和部署過程。
GTM申請流程
想要申請GTM，就必須先有Google帳戶，若你還沒有帳戶，那就快跟著以下步驟來申請吧！
Step 1：
首先需要前往Google Tag Manager，讓GTM與妳的Google帳號綁定再一起，接下來你會看到一乾淨的畫面，請點選「建立帳號」到下一步
Step 2：
到下一個頁面以後，根據上面需求的資料，填寫帳戶名稱及網址
(帳戶名稱為區分用途，主要是為了管理多網站的行銷員可以立刻區分帳戶，因此有該欄位需要填寫)
送出後會有一份「Google 代碼管理工具服務合約條款」，確認完以後按”是”就可以囉
Step 3：
接下來妳就會進入到GTM的操作畫面，畫面上的元素很多，但沒關係，我們先將功能方面略過，若後續有興趣了解GTM的介面功能，可以參考該篇內容。
回到畫面，請找到圖片中紅框中的代碼，這個就是妳的GTM追蹤代碼，請先記住這個東西。
GTM安裝步驟
申請完畢之後，頁面就會出現2組代碼，這時就需要將這兩組代碼放置到網站後台中。但是，根據不同的網頁型態，安裝方法也會有所不同。而常見的網頁型態有分為：企業自架網站/客製化網站、開店平台以及wordpress，以下就讓我們來分別說明安裝方式：
企業自架網站/客製化網站安裝GTM方法
有些公司在最初網頁建置的過程中，廠商沒有先替客戶創建GTM並安裝，或是預先留下欄位，讓客戶填寫追蹤碼。因此遇到這個情況，只能請公司的工程師，或是當初建置網站的廠商，再另外將代碼直接植入網站中。
回到剛剛GTM的管理頁面，請點下紅框的文字以後，就會彈出如下圖的視窗，這個就是GTM的管理代碼，只需要依照上面的敘述，將代碼放置在網站的正確的位置中，就可以完成囉。
開店平台安裝GTM方法
現在有許多的電商開店平台，雖然提供了多人共用的模板，但大多數都有提供追蹤代碼的欄位，只要將GTM代碼放置在後台欄位中，就可以輕鬆安裝追蹤碼。
wordpress安裝GTM步驟
安裝GTM到wordpress後台的方法有2種，分別為：將代碼直接置入或下載外掛。而詳細的安裝流程如下：
1.將代碼直接植入wordpress後台之中
讀者可以GTM的代碼，直接植入「佈景主題檔案編輯器」的檔案內。但該方法比較不適合不熟悉後台的操作人員外，也有可能使前台崩潰的風險。因此建議請專業人員處理，或是採取2號方案會比較安全一點
`標籤內 ✔️ 2.下載wordpress外掛
wordpress有許多免費公開的外掛可以使用，在安裝GTM上，我會建議讀者可以安裝「GTM4WP」或是「Site Kit by Google」
兩個外掛都有各自的優點，這篇將會以GTM4WP安裝為主，若想了解Site Kit by Google的操作方法，往後有時間再介紹。
Step 1：
請在wordpress後台中，左方的目錄內選擇”外掛”->”安裝外掛”，並在右上角搜尋GTM4WP，選擇與圖內一樣的外掛後安裝並啟用。
Step 2：
接下來，請選擇左方目錄的”設定”->”Google Tag Manager”，在下方的「Google 代碼管理工具容器 ID」中，填寫GTM追蹤碼，並勾選紅框內的選項後儲存，就可以完成囉。
而上方仍然有許多額外設定，增加GTM操作的方便性，這個就等到未來有機會再一一介紹。
Step 3：
最後等待大約3~4分鐘，回到GTM管理畫面，點選右上角的”預覽”，會出現下圖的畫面，這邊意思是說”是否要用GTM-XXXXX這個容器測試輸入的網站”。
只要將你的網址填入框內，並按下連結即可開始測試。
Step 4:
如果你的畫面出現像下圖一樣，紅框內是你剛剛填入的GTM代碼，哪就恭喜你安裝成功囉！
但更好奇的讀者可能會發現，下面怎麼有”GA4追蹤代碼”及”GA通用版追蹤代碼”的字樣，這個就是會需要另外再設定，才可以安裝google analytics的追蹤。有興趣了解的話，可以接者閱讀GA安裝步驟。
✔️ 怎麼用Tag Assistant檢查GTM安裝成功？
安裝完畢後，當然要確認一下到底有沒有安裝成功囉！這時候，就可以借助Google的擴充功能－Tag Assistant，來檢查是否安裝正確。下面就讓我們來教你如何操作：
Step 1：先將Google擴充功能－Tag Assistant安裝至瀏覽器
Step 2：開啟Tag Assistant，並按下「Enable」，接著重新整理網頁
Step 3：若GTM安裝正確，則會出現以下畫面：
- 若是出現藍色笑臉，則代表安裝正確且無誤
- 若是出現綠色笑臉，則代表安裝正確，但有些設定可再進一步優化
- 若是出現黃色驚嘆號，則代表安裝正確，但發現一些問題可再進一步調整
- 若是出現紅色叉叉，則代表安裝失敗，需要重新安裝
看完了這麼多，我想你對GTM安裝步驟已經有了一定的了解，如果還希望吸收更深入的知識，可以繼續閱讀一下文章：
現在你知道GTM是什麼了嗎？若想要了解更多網頁分析的相關資訊，就歡迎追蹤己見室與FB粉絲團，讓我們帶你一起衝刺SEO！如果你有任何問題，也歡迎在下方留言，我們都很樂意為你解答。
Last Updated on 17 7 月, 2025 by 己見室
