產業洞察
埋碼不求人！Google Tag Manager 入門實戰
Google Tag Manager是什麼？
GTM全名是Google Tag Manager，是一種代碼管理系統，將原先要埋在網站中的程式碼，改為使用GTM管理，作為行銷工具與網站之間的橋樑，讓行銷人追蹤數據更方便，有利於進行優化成效，例如：追蹤網站用戶的瀏覽百分比，進而調整網頁架構、追蹤網站用戶行為，得知要對哪些人進行廣告再行銷、追蹤廣告實際轉換成效…等。
使用Google Tag Manager的四大好處
雖說是埋設網站代碼，但不懂程式語言也不用擔心，只需要將對應的參數填入後即可完成設定，相較於一般埋設網站代碼的方式，GTM有以下四大優點：
-
方便集中管理代碼
它可以整合追蹤程式碼到網站中，不需要在不同頁面位置進行埋碼工作，像是Google Analytics 的分析代碼、Google Ads 的再行銷代碼、Facebook Pixel 轉換代碼…等，都可以一併在後台進行埋碼，而且在後台就能自行新增、修改或移除，對行銷人來說非常友善！
-
減少溝通成本
在沒有使用GTM之前，一切的埋碼工作都要倚賴工程師幫忙，包含確認埋設位置、偵錯與修正，來回溝通的時間，可能要花費數天到數星期，相當耗費時間！
-
減少網站追蹤出錯機會
若是請工程師協助埋設網站代碼，必須等到網站發布後才能驗證埋碼是否成功，以及數據是否正確；透過GTM埋碼則可以使用它提供的預覽功能，在代碼發布之前事先偵錯，確保發佈後搜集的數據正確無誤。
-
提升網站穩定性
過去為了追蹤網站資料，我們將不同的程式碼埋入網頁中，大量的程式碼將會影響網頁的載入速度，也間接地影響了SEO成效（網站速度會影響搜尋排名）；透過GTM，程式碼並不會被寫入網頁的HTML中，因此不會導致網站速度變慢。
Google Tag Manager的代碼管理架構
了解了GTM的功能和優點後，接著來認識組成架構吧！如下圖：
- 帳戶
GTM的最高層級，一個GTM管理員帳戶，可以有多個GTM容器。
- 容器
容器可以理解成是放置代碼標籤的地方，一個容器只能搭配一個網域，裡面可以設定多個代碼和觸發條件。
- 代碼
代碼指的是「追蹤事件的程式碼」，GTM內有許多精選代碼，也就是Google提供的代碼樣本，像是Google Analytics、Google Ads轉換追蹤/再行銷、Google Optimize …等，不過若是Facebook Pixel則要使用「自訂HTML」的方式新增代碼。
- 觸發條件
代碼啟用的時機。顧名思義是指當用戶進入網站後，「執行了某個指定動作（觸發條件）」，將會觸發代碼標籤記錄用戶行為，例如：載入某個頁面、點擊網頁中的某個按鈕…等。
如何開始使用Google Tag Manager？
要使用GTM管理所有追蹤程式碼前，必須先將GTM安裝到網站中，共有下方四個步驟：
-
登入Google帳號
使用前必須先登入Google帳號，進入Google Tag Manager。
-
建立帳戶與容器
點選【建立帳戶】後，即可創建GTM帳戶和容器，帳戶名稱可設定為公司名稱，容器名稱可設定為網站名稱/網域名稱，並選擇適用的容器類別。
-
取得GTM容器安裝編號
建立好帳戶與容器之後，點擊【安裝編號 GTM-XXXXXXX】，即可取得程式碼，只需將提供的代碼放進網頁中的 <head> 與 <body> 指定位置即可。
-
檢查GTM是否安裝成功
在容器中工作區的右上角點選「預覽」，即可檢查 GTM 是否成功的安裝在網站上，後續也可以在代碼發佈前，使用預覽功能，檢查及測試代碼是否成功設定。
將GTM安裝到網站後，就可以開始後續一連串代碼、觸發條件的設定，進行網頁特定事件的追蹤囉！有關GTM入門的基本概念和初步設定就介紹到這邊，如果你喜歡我們的文章，歡迎在下方留下Email訂閱電子報，將不定期收到更多行銷和廣告知識！
Google Tag Manager是什麼？
GTM全名是Google Tag Manager，是一種代碼管理系統，將原先要埋在網站中的程式碼，改為使用GTM管理，作為行銷工具與網站之間的橋樑，讓行銷人追蹤數據更方便，有利於進行優化成效，例如：追蹤網站用戶的瀏覽百分比，進而調整網頁架構、追蹤網站用戶行為，得知要對哪些人進行廣告再行銷、追蹤廣告實際轉換成效…等。
使用Google Tag Manager的四大好處
雖說是埋設網站代碼，但不懂程式語言也不用擔心，只需要將對應的參數填入後即可完成設定，相較於一般埋設網站代碼的方式，GTM有以下四大優點：
-
方便集中管理代碼
它可以整合追蹤程式碼到網站中，不需要在不同頁面位置進行埋碼工作，像是Google Analytics 的分析代碼、Google Ads 的再行銷代碼、Facebook Pixel 轉換代碼…等，都可以一併在後台進行埋碼，而且在後台就能自行新增、修改或移除，對行銷人來說非常友善！
-
減少溝通成本
在沒有使用GTM之前，一切的埋碼工作都要倚賴工程師幫忙，包含確認埋設位置、偵錯與修正，來回溝通的時間，可能要花費數天到數星期，相當耗費時間！
-
減少網站追蹤出錯機會
若是請工程師協助埋設網站代碼，必須等到網站發布後才能驗證埋碼是否成功，以及數據是否正確；透過GTM埋碼則可以使用它提供的預覽功能，在代碼發布之前事先偵錯，確保發佈後搜集的數據正確無誤。
-
提升網站穩定性
過去為了追蹤網站資料，我們將不同的程式碼埋入網頁中，大量的程式碼將會影響網頁的載入速度，也間接地影響了SEO成效（網站速度會影響搜尋排名）；透過GTM，程式碼並不會被寫入網頁的HTML中，因此不會導致網站速度變慢。
Google Tag Manager的代碼管理架構
了解了GTM的功能和優點後，接著來認識組成架構吧！如下圖：
- 帳戶
GTM的最高層級，一個GTM管理員帳戶，可以有多個GTM容器。
- 容器
容器可以理解成是放置代碼標籤的地方，一個容器只能搭配一個網域，裡面可以設定多個代碼和觸發條件。
- 代碼
代碼指的是「追蹤事件的程式碼」，GTM內有許多精選代碼，也就是Google提供的代碼樣本，像是Google Analytics、Google Ads轉換追蹤/再行銷、Google Optimize …等，不過若是Facebook Pixel則要使用「自訂HTML」的方式新增代碼。
- 觸發條件
代碼啟用的時機。顧名思義是指當用戶進入網站後，「執行了某個指定動作（觸發條件）」，將會觸發代碼標籤記錄用戶行為，例如：載入某個頁面、點擊網頁中的某個按鈕…等。
如何開始使用Google Tag Manager？
要使用GTM管理所有追蹤程式碼前，必須先將GTM安裝到網站中，共有下方四個步驟：
-
登入Google帳號
使用前必須先登入Google帳號，進入Google Tag Manager。
-
建立帳戶與容器
點選【建立帳戶】後，即可創建GTM帳戶和容器，帳戶名稱可設定為公司名稱，容器名稱可設定為網站名稱/網域名稱，並選擇適用的容器類別。
-
取得GTM容器安裝編號
建立好帳戶與容器之後，點擊【安裝編號 GTM-XXXXXXX】，即可取得程式碼，只需將提供的代碼放進網頁中的 <head> 與 <body> 指定位置即可。
-
檢查GTM是否安裝成功
在容器中工作區的右上角點選「預覽」，即可檢查 GTM 是否成功的安裝在網站上，後續也可以在代碼發佈前，使用預覽功能，檢查及測試代碼是否成功設定。
將GTM安裝到網站後，就可以開始後續一連串代碼、觸發條件的設定，進行網頁特定事件的追蹤囉！有關GTM入門的基本概念和初步設定就介紹到這邊，如果你喜歡我們的文章，歡迎在下方留下Email訂閱電子報，將不定期收到更多行銷和廣告知識！
推薦閱讀
行銷5.0來臨！打造企業科技力與數據力
Google最新廣告類型：最高成效廣告活動，究竟是何方神聖？
Google Ads將停止兩種智慧出價模式
聯絡我們
TOP