GTM代碼是什麼？基礎功能介紹及實作示範，輕鬆追踪網站數據!

目錄

1. 為什麼要用GTM?
2. 構成GTM的基本要素
3. 實作示例
4. 結論

為什麼要用GTM?

1. 簡化代碼置入流程 GTM 可將種類繁多的追蹤代碼，如： Google Analytics、Google Ads、Facebook Pixel、Google Optimize 或其他第三方工具等整合在一起並可統一進行管理，可以有效節省代碼置入時間並簡化其流程。

2.提升網頁載入速度 網頁載入速度(page load time) 為影響SEO因素之一。當網站後台埋入大量追蹤代碼時，會大幅度增加網頁載入速度，影響 SEO成效，嚴重的話甚至會導致伺服器超載。利用 GTM 可避免將代碼直接寫入網頁的 html，從而提升載入速度優化使用者體驗。

3.減少埋設錯誤發生 如果在網站後台直接加入追蹤碼，無論是Google Analytics、Google Ads、Facebook Pixel，若想檢驗網站的埋碼是否成功，就必須要發布網站後才可以進行測試。 使用GTM進行代碼安裝管理，可在發布前先利用GTM 所提供的預覽模式進行偵錯，即時調整。同時GTM發佈是以版本做紀錄，更新代碼發現有誤，也能還原到初始埋設的版本進行重新設定。

構成GTM的基本要素

GA分析的5種主要流量管道

1. 帳戶 (Account) 帳戶 (Account)為 GTM 中最高的層級，一個帳戶便可管理帳戶下所有的網站，多個代碼也可利用容器（containers），同時追蹤不同網站行銷成效。

2. 容器 (Container) 容器 (Container)為放置代碼（Tag）的地方，一個帳戶中至少會有一個容器，容器可存放多組代碼（Tag）跟觸發器( Trigger )，設定觸發All pages，就不需要在每個網頁都放入程式追蹤碼，就可進行全網頁使用者行為追蹤，能有效節省埋設代碼的時間成本。

3. 代碼 (Tag) 代碼標籤（Tag）為負責收集相關訊息的程式碼，這些片段的程式碼各自具有不同的用途，用於收集用戶的特定行為進行數據的判讀與分析。

4. 觸發條件 (Trigger) 觸發條件 (Trigger) 由變數（Variables）、運算符號（Operators）與值（Values）所組成。使用者可以根據想要追蹤的目標選擇類型，例如：網頁瀏覽、網頁點擊、網頁元素可見度、網頁表單提交、網頁紀錄變更、JavaScript 錯誤、網頁捲動、網頁計時器、網頁影片（例如YouTube）、自訂觸發事件等等。

實作示例

Step 1：建立帳戶

Step 2：容器設定

Step 3.a：安裝 Google 管理工具 (後台置入程式碼)

利用Google 擴充工具Tag Assistant Legacy（by Google）檢測代碼是否安裝成功

能看到標籤表示安裝成功

Step 3.b： Wordpress 網站 外掛 (免程式碼，簡易使用)

於Wordpress 外掛搜尋 Site Kit by Google 安裝並啟用。

Wordpress後台，開啟左邊的 Site Kit 外掛，點選 Start setup。

點選 Sign in with Google 登入 Google 帳號

允許 Site Kit 取得帳號授權。

驗證Google，讓Google可以把GTM的HTML代碼放入wordpress 網站中。

允許 Site-kit 可以讀取及顯示 Google 分析數值在外掛版面上

設定wordpress網站與Google Search Console 連接，設定好可於外掛版面進行查看

設定wordpress網站與Google Analytics 連接，點擊 Next 進行設定

點選 繼續，允許網站存取 Google 帳號

勾選使用者條約即可完成Google Analytics設定，點擊Go to my Dashboard 查看

點擊Setting，查看連接狀況，Connected表示連接成功

Step 4：代碼設定

可選擇常用的代碼類型進行設定，如：Google Analytics 或 Google Ads等

Step 5：選擇觸發條件

可設定代碼觸發條件，如：網頁瀏覽、點擊及使用者參與等

Step 6： 點擊『提交』完成GTM設定

點擊預覽可確認代碼埋設狀況，點擊提交即可進行發佈

結論

Google Tag Manager 是一個功能強大且易上手的標籤管理工具，就算你是程式碼小白也可以幫助你快速的更新或新增網站上的代碼，尤其是對於行銷人員更是一大管理利器。如果想要了解更多資訊，或是在導入的過程當中碰到問題，歡迎填寫【 詢問表單 】或【 聯繫我們 】，我們提供免費線上專人諮詢服務，為您解決您的燃眉之急。