GTM代碼是什麼?基礎功能介紹及實作示範,輕鬆追踪網站數據!
2023-08-07
Google 代碼管理工具(Google Tag Manager, 以下簡稱 GTM) 為Google所提供的一套代碼管理系統。在網站設置完代碼後,網站分析師與行銷人員便透過 GTM 輕易地將各種追蹤程式碼以及第三方 應用工具安裝到網站中,讓追蹤和管理都在同一個平台完成。
為什麼要用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 是一個功能強大且易上手的標籤管理工具,就算你是程式碼小白也可以幫助你快速的更新或新增網站上的代碼,尤其是對於行銷人員更是一大管理利器。如果想要了解更多資訊,或是在導入的過程當中碰到問題,歡迎填寫【 詢問表單 】或【 聯繫我們 】,我們提供免費線上專人諮詢服務,為您解決您的燃眉之急。
這篇文章對你有幫助嗎?馬上分享給朋友↓↓↓
延伸閱讀
建立品牌網站的必要性,在數位時代掌握市場商機! 2023-09-11
主機代管是什麼?3分鐘快速了解主機代管服務 2023-09-04
智能客服帶來的5大好處|品牌實際案例分享 2023-08-31
一篇看懂ICP、ICP備案、ICP證是什麼?網站進軍中國市場必看! 2023-08-28
什麼是IDC機房?挑選機房5大重點一次就搞懂! 2023-08-24
EDM行銷有什麼優點?與簡訊行銷比一比 2023-08-21
CN2線路是什麼?3分鐘帶你了解種類與特色 2023-08-10
GTM代碼是什麼?基礎功能介紹及實作示範,輕鬆追踪網站數據! 2023-08-07
2023年最新Google Analytics教學! 認識5種流量來源與4大報表 2023-08-03
接碼平台及服務解析:解決驗證碼接收煩惱,讓操作更便捷! 2023-07-31
雲端平台怎麼選,經營大陸市場推薦哪個平台? 2023-07-24
網站經營必備數據秘書Google Search Console教學 2023-07-17
CDN是什麼?你該使用CDN服務的4個理由! 2023-06-15
SaaS服務是什麼?軟體即服務優勢與運用案例分享 2023-05-15
雲端主機 vs. 虛擬主機:哪種選擇更符合您的需求? 2023-03-01
OTP驗證碼是什麼?如何應用讓網站會員系統更安全? 2023-02-28
國際簡訊有哪些用途?利用精準行銷有效提升轉換 2023-02-26
AI語音有助客服行銷嗎?4種情境帶你了解高效的行銷工具 2023-02-24
雲端伺服器是什麼?一篇看懂與傳統伺服器差異 2023-02-24
使用蘋果MAC系統架設WordPress網站 2023-02-01
Windows雲主機架設WordPress網站 2023-02-01
雲端服務是什麼?帶你快速了解3大模式 2023-01-05
