簡介

大家在評估網頁的 KPI 時都用什麼工具?最常用的肯定是 Google Analyitcs 吧，而還有一個更精確可以判斷使用者在你的網頁的大足跡，就是 Google Tag Manager。這個工具可以跟 GA 搭配運用，也可以跟第三方平台做串接，例如臉書或自己的後台，而這篇先來介紹 GTM 的概念與運作方式。

GTM?

GTM 是一個代碼管理系統，允許用戶在後台直接添加，修改或刪除代碼，如 GA 的分析代碼和 GAD 的再行銷代碼。它也可以在後台直接更新和修改，以減少來回變化造成的錯誤情況

而在過去行銷人員必須透過程式人員來提供需求，也必須等作業流程，來回時間會非常久，所以 GTM 這套工具可以直接的設定與測試你的頁面看到設定的效果，如下圖。這是在 Chrome 的擴充套件可以下載，並看下圖二可以看到妳設定的 Tag 是否成功。

• 綠色的標籤圖示或訊息代表代碼沒有問題。
• 藍色的標籤圖示或訊息代表代碼有較次要的導入問題，或是有改善您網站標記的建議。
• 黃色的標籤圖示或訊息是警告導入方式可能導致無法預期的結果。
• 紅色的標籤圖示或訊息代表代碼有重大導入問題。代碼可能無法正常運作，且報表中可能會有錯誤或缺少的資料。

GTM 元素介紹

這裡介紹在 GTM 中的所有關鍵詞的意涵，但所有的關鍵字的由大到小的範疇如下圖所示:

1. Account : 應該很輕易理解就是你 Google 的帳號。
   
2. Container : 設定容器 可以是網頁 app。
   
3. Tag : 設定要埋在網站中的標籤，同一個網站可以設定數個標籤。
   
4. Trigger : 設定觸發條件，每個觸發條件會依附在設定好的標籤中，而載觸發條件可以設定不同的變數來進行觸發，在先前所歸類的 action 就是在這邊來設定。
   
5. Variables : 變數幫助判斷，代碼應該在什麼時候回傳訊息。變數分為內建變數和自訂變數，內建變數就是 GTM 系統中已經預設好的值，種類非常多，只需要勾選就可以使用。自訂變數則是依據使用者需求自訂的值，最簡單的範例，就是一開始設定 GTM 帳號時，為了免除每次都要輸入GA 編碼的麻煩，可以將 GA 編碼設為常值，並給它一個名字，這樣以後新增代碼就可以直接勾選這個變數了。
   
6. Folder : 在分類所製作好的功能，你可以依照不同專案來分類或是按鈕類來分不同的觸發方式等等。
   
7. Data Layer : 舉例，我們想做電子商務追蹤，去分析所有訂單的品項、交易金額等等，所以我們想知道這些變數的值，這要怎麼做到呢？我們可以在交易完成頁面，安裝一段 GTM 程式碼，讓資料層從交易完成頁的原始碼中讀取資料。

GTM 運作流程

大家可以先有一個概念，觸發器 (Trigger) 與變數 (Variables) 是 GTM 中最基礎的底層元素，而代碼 (Tag) 可以是
1.Tag = Trigger + Variable
2.Tag = Variable
是結合觸發器與變數的一個容器，而在網頁這個大容器中貼上許多的代碼 (Tag)。

再來解析上圖，從 Web Page 開始，使用者在頁面中的操作假如你有設定以上兩種種類的代碼，則會以不同的方式傳送資料到 GA 或第三方平台做動作紀錄。

小結

這篇張我們來理解什麼是 GTM，GTM裡面有什麼元素以及怎麼運作，就已上圖來做小結:

Tag : 掛載在網頁中，傳送資料的一個中繼站。當作網頁是個衣櫥，他就是衣架。

Trigger : 例如…

• 網頁瀏覽：使用者是否有瀏覽特定頁面
• 網頁點擊：使用者是否有點擊特別欄位按鈕，例如：致電詢問、CTA (Call-To-Action)
• 網頁YouTube影片：影片是否有被播放、播放進度、是否有跳轉
• 網頁元素可見度：通常用來追蹤表單提交和頁面特定元素的曝光與否
• 網頁表單提交：同樣可拿來追蹤表單的提交狀況
• 網頁捲動頁數：觀察使用者的瀏覽深度

Variables : 使用 GTM 提供的基本變數，之後可額外依照想要觀察的與行銷策略來新增。

Operators + Values : 根據我們的行銷頁面中元素提取 。

在未來篇章會根據這幾項元素來解析不同的觸發功能與變數跟在GA會怎樣呈現。