GTM是什麼？入門必看的Google Tag Manager 代碼管理工具 ...

什麼是Google代碼管理工具(Google Tag Manager)？GTM和GA有什麼差異？入門新手一看就會的超實用GTM設定教學在這裡！從建立GTM帳號到確認GTM安裝一步步詳解。

Skiptocontent 這是一篇我希望當初我在學GoogleTagManager時，就有人能為我準備好的文章，當時的我雖然找不到，但在歷經無數的學習與鑽研後，現在，我將這篇文章交給你了！ GoogleTagManage(代碼管理工具)是一個非常強大的工具，它使網站數據追蹤變得更容易，能節省網路行銷人以及工程師好幾倍的時間成本！過去5年，我自己也將它應用在大大小小的專案中，它已經成為我管理網站數據追蹤碼不可或卻的必要工具。

想要追蹤按鈕點擊?沒問題，想要追蹤表單提交?一樣也能快速搞定！進行網站使用者的行為追蹤，不需要寫任何一行程式，這就是GoogleTagManager最常見的基礎應用。

行銷人不需要再等到忙碌的工程師有空時(通常要好幾天)，才把你的追蹤碼安裝到網站裡，你自己就可以進行追蹤碼的部署，不過！有了這項工具，並不代表你不需要工程師了，反而是能使團隊更有效率的合作，所以，透過GoogleTagManager你就能夠更快速的安裝數據追蹤碼到網站裡，例如廣告轉換(GoogleAds、FacebookPixel)、網站分析(GoogleAnalytics)…等等。

不過，應該要從哪裏開始呢?GoogleTagManager看起來有許多專業術語，的確，它對於初學者來說有一定的學習曲線，這也是我寫這篇文章的目的。

本文章所提到的內容，是從我的GoogleTagManager基礎入門課程提煉而出，在觀看文章後如果你希望更進一步學習，歡迎你註冊課程，該課程有60分鐘影片內容，並且完全免費。

文章大綱 GoogleTagManager是什麼GoogleTagManager與GoogleAnalytics5個使用GoogleTagManager帶來的好處好處一、快速部署追蹤碼好處二、提昇行銷人與工程師合作效率好處三、所有追蹤碼都在同一個地方集中管理好處四、行銷人也能自行部署追蹤碼好處五、內建測試工具GoogleTagManager是如何運作的建立GoogleTagManager帳號安裝GoogleTagManager到網站如何確認GoogleTagManager安裝成功透過GoogleTagManager安裝GoogleAnalytics網頁瀏覽預覽模式發布GoogleTagManager容器你的下一步 GoogleTagManager是什麼 GoogleTagManager是一個追蹤碼管理解決方案，它作為網站與第3方追蹤碼的中間層，可以節省許多人力與時間成本，而且完全免費。

你要做的，只是到GTM後台，設定想要安裝的追蹤碼以及希望的啟動時間點即可。

例如.你希望在使用者到達感謝頁的時候啟動GoogleAds轉換追蹤碼 你也可以把GTM想像成是一個學校糾察隊中控室，你可以設定違規行為，來讓糾察隊員為你做登記，假如邊走邊吃要做登記的話。

那麼 違規項目=邊走邊吃=GoogleAds轉換(追蹤碼) 糾察隊的登記依據=行進中且嘴巴在咀嚼=到達感謝頁 所以 你可以設定很多違規項目以及登記依據，來讓糾察隊去登記各式各樣的違規行為，就好像網站有各式各樣追蹤碼，需要在特定時間點啟動。

GTM還提供了很方便的測試功能—預覽模式，它可以讓你快速測試該啟動的追蹤碼，到底有沒有在特定行為發生時啟動，此外，GTM還有一個超大的優點，就是數據追蹤碼的部署，不一定非得要去改動網站原始碼。

所以，相較於傳統直接將追蹤碼安裝到網站的方式，若你使用了GTM，你只需要在後台點擊幾下就能完成追蹤碼的安裝。

GoogleTagManager與GoogleAnalytics 許多初學者都會對於GoogleTagManager與GoogleAnalytics之間的關係感到困惑，而不知道要使用哪一個，其實，它們是互相獨立的工具，並沒有誰取代誰。

GoogleTagManager只是讓我們能方便管理追蹤碼，並且進行資料轉運，而GoogleAnalytics則是專門用來蒐集訪客數據的工具，並且提供相應的報表。

所以，我們是透過GoogleTagManager來啟動GoogleAnalytics進而達到蒐集數據的目的。

而且不只有GoogleAnalytics可以透過GoogleTagManager做管理，其他類型的追蹤碼也可以： GoogleAds轉換與再行銷FacebookPixelHotjar任何HTML追蹤碼 5個使用GoogleTagManager帶來的好處 好處一、快速部署追蹤碼 以下是使用傳統方式將追蹤碼埋入網站的日常 行銷人想要開始一個新的行銷/分析專案，需要蒐集使用者數據來衡量成效行銷人將追蹤碼提供給工程師如果想要蒐集的數據較複雜，則還需要許多信件來回以及會議討論由於工程師很忙碌，通常要等上好幾天(禮拜)，整個數據追蹤專案才會完成 若使用GoogleTagManager，在許多情況下，以上的冗長流程可以被大幅改善。

因為埋追蹤碼不一定非得要去改網站，你可以在後台安裝任何想要的追蹤碼，效率大幅提升。

好處二、提昇行銷人與工程師合作效率 GoogleTagManager把數據追蹤分解成3個元件：代碼、變數與觸發條件，換句話說，只要能夠完成這3個元件的設定，就完成了一個數據追蹤。

由於行銷人與工程師有了共同的語言，因此溝通成本大幅降低。

好處三、所有追蹤碼都在同一個地方集中管理 若使用傳統方式將追蹤碼埋入網站，由於程式散落在網站程式的各處，不管是想要維護或者更新，都相當不便。

若使用GoogleTagManager所有追蹤碼都在後台很清楚的條列，由於追蹤碼都被元件化，因此維護更新非常方便，而且更重要的是，行銷人與工程師可以一起管理維護這些追蹤碼，這些追蹤碼不會再落入一個三不管地帶。

GTM工作區 好處四、行銷人也能自行部署追蹤碼 由於GoogleTagManager將追蹤碼範本化，因此不需要寫程式就能完成追蹤碼的設置，這對於行銷人來說非常方便。

例如你可以在GTM後台的友善介面下，來完成一個GoogleAnalytics事件設置： GTＭ代碼 好處五、內建測試工具 正確的數據絕對是一個數據追蹤專案的最基本要求，GoogleTagManager提供的預覽模式可以讓使用者可以很方便以及完整的測試。

說到測試，當然也不能忘了許多很棒的瀏覽器插件，例如GoogleTagAssistant、FacebookPixelHelper與dataLayerInspector。

預覽模式 GoogleTagManager是如何運作的 所有初學者要開始使用GTM，一定要先認識這3個GTM主要元件：代碼、變數以及觸發條件 代碼：是一段要被安裝到網站上的程式。

它可以是數據追蹤碼模板。

例如GoogleAnalytics，也可以是任意的HTML，例如用來更換網站的按鈕顏色。

當你建立一個代碼，就是請GTM幫你執行特定任務，例如，你可能會希望當使用者在網站進行點擊或者瀏覽時，紀錄GoogleAnalytics數據。

觸發條件：是一個啟動條件，來決定代碼要什麼時候啟動。

代碼可能會需要在許多不同時間點啟動，例如點擊、網頁瀏覽甚至表單提交時…等等，因此這些時間點就必須被定義在觸發條件。

當一個觸發條件裡所設定的條件被滿足時，所有使用了該觸發條件的代碼都會啟動，而反過來說，沒有觸發條件的代碼是不會啟動的。

變數：它是一個小幫手，可以協助我們完成一些重要設定，它會被用在代碼以及觸發條件裡。

變數可以用來： 儲存資料：例如超連結網址、超連結上的文字甚至訂單金額…等等儲存代碼設定：例如GoogleAnalytics設定變數可以用來儲存GoogleAnalytics代碼的相關設定(資源編號、自訂維度…等)程式：變數裡還可以寫程式來進行一些複雜的操作，不過對初學者來說太進階了，我們先不細談這個部分。

我們接著來看看這3個元件如何組合在一起： 接著來看一段範例，假如我們希望在使用者到達訂單完成頁時啟動一個GoogleAds轉換，並且附帶訂單金額，看起來就會像是： 建立GoogleTagManager帳號 要開始使用GTM必須要先建立一個帳號，可以進到官方網站進行申請，並且點擊右上角的按鈕。

就像許多Google產品一樣(GoogleAnalytics、GoogleAds)，你必須先有Google帳號才能開始進行GTM帳號申請，登入後會看到以下畫面。

建立帳號的同時，也必須進行容器設定，你可以根據你的平台選擇容器類型(網站、AMP、iOS與Android)。

GoogleTagManager的帳號架構與GoogleAnalytics帳號架構非常相似，帳號通常是以公司或者客戶為單位切分；而容器則要視數據策略的規劃來決定是否要讓多個網站共用，例如你同時經營電商以及部落格網站，兩個網站會互相導流且需要進一步分析彼此之間的成效關聯，又或者你希望使用部落格的數據來為電商網站下廣告，在這些情況下就適合共用同一個容器。

而反過來說，如果你經營兩個網站，彼此之間沒有任何關聯，也沒有需要交互運用資料，那麼共用容器可能就不是那麼的方便了。

安裝GoogleTagManager到網站 在建立GoogleTagManager後，就會在工作區裡看到一個彈出視窗，包含容器程式碼，你必須將這兩段程式碼交給工程師，並且根據指示進行安裝，