發布時間 : 2023-07-13
最後修改時間 : 2023-07-17
GTM 教學 - 輕鬆學會 Google Tag Manager
甚麼是 GTM
GTM 的全名是 Google Tag Manager，意思為 Google 標籤管理器，他是由 Google 提供的免費標籤管理服務，主要功能是讓你可以集中管理你埋在網站內的代碼，輕鬆添加標籤在網站上，無須修改網站原始碼，還可以整合第三方應用工具，追蹤跟管理只要在一個平台就可以完成 !
使用 GTM 管理的好處
過去我們都需要請工程師在網站中埋入各種追蹤碼，常常會錯失廣告良機，而不懂程式的行銷人員也需要耗費許多心力來跟工程師溝通，甚至工程師自己埋太多種代碼也忘記到底埋了甚麼進去，而 GTM 就是來解救大家的超好用工具。
那它究竟可以帶來哪些好處呢?
- 簡化管理，提高效率
我們可以把 Google Analytics、Google Ads等第三方工具的追蹤代碼集中管理，無須仰賴工程師的幫忙，可以輕鬆添加、編輯及刪除標籤，不需要寫程式也可以快速部署標籤，且當工程師與行銷人員能有共同工具做溝通，可以大幅降低溝通與等待的時間成本。 - 提升網站載入速度
過去因為是在網站埋入大量追蹤碼，會導致載入時間變長，直接影響到使用者體驗跟 SEO 的排名，但使用 GTM 管理的代碼是不會被寫在 html 中的，因此不會增加網頁讀取時間。 - 減少代碼埋錯的情況
如果我們是直接在後台埋程式碼，要檢驗是否埋設成功時必須發布網站才知道，而GTM 提供預覽和測試的功能，可以在網站發布前就使用預覽模式測試標籤的觸發和行為，且 GTM 還有版本管理，可以查看及恢復之前的版本。
GTM 的組成架構
Google Tag Manager 的組成元素包括 : 帳戶 (Account)、容器(Containers)、代碼(Tag)、觸發器 (Triggers)及變數(Variables)等。
- 帳戶 Account
帳戶是 GTM 中最高的層級，是最主要的組織單位，通常一個公司只需要一個帳戶便可以管理旗下所有的網站。
點選建立帳戶後，會出現新增帳戶，需要填帳戶資料及容器設定，填完資料就可以建立帳戶了。 - 容器 Container
GTM 中所謂的容器是一個虛擬容器，用於儲存您要管理的各種標籤、觸發器和變數，一般來說會一個網域對應一個容器，這樣就不需要在每個網頁都放程式碼追蹤。
如果需要增加容器可以點擊這裡建立。 - 代碼標籤 Tag
標籤是GTM中的核心元素，代表追蹤事件的程式碼，如 Google Analytics、Facebook Pixel 的追蹤程式碼，或是第三方應用工具提供的 Javascript 程式碼片段，你可以在容器中建立和配置各種標籤。
從帳戶點擊容器名稱就可以進入工作區，在工作區點擊新增代碼就會跳出代碼設定，可以選擇你需要的類型或者自訂HTML。 - 觸發器 Triggers
所謂的觸發器就是定義你的標籤被觸發的規則，而觸發條件是由變數 (Variables)、運算符號 (Operators) 和值 (Values) 組成。
這裡根據你想追蹤的目標類型選擇觸發條件，也可參考官方說明 - 變數 Variables
變數是定義觸發條件執行的規則，分為內建變數及使用者定義的變數，內建變數是系統預設的，只要勾選便可啟用。若內建變數沒有符合你的需求，便可到使用者自訂這裡新增你所需要的變數。
♦ 運算符號
定義變數與值之間的關係，讓系統判斷觸發條件狀態是 true 還是 false，確保觸發器順利運作。
♦ 值
明確定義變數的內容，像是出現特定數字，便會觸發代碼標籤收集資訊。
申請流程
那我們現在來實際操作 GTM 吧 !
- 新增帳戶，創建一個容器
- 將 GTM 提供的程式碼貼到網站原始碼中，請依上面指示貼，這樣就完成安裝 GTM了。
- 確認是否安裝成功，安裝 chrome 應用程式 – Tag Assistant
最後我們要檢查 GTM 是否有安裝成功，請到 chrome 商店安裝 Tag Assistant 。
接著點擊 Record 並重新整理頁面，就可以看到網站上安裝的所有代碼標籤，只要有看到 GTM 的就代表安裝好了!
GTM 是一個非常強大的標籤管理工具，以上教學僅供參考，若您在導入過程中有任何問題，歡迎隨時聯繫我們。