Google Tag Manager 設定教學(二) – 使用 Tag Assistant 檢查 GTM追蹤碼 正常運作

Google Tag Manager 設定教學(二) – 使用 Tag Assistant 檢查 GTM追蹤碼 正常運作

前一篇設定教學(一)教導各位如何在自己的網站埋設GTM的追蹤碼,不知道各位實做過後有沒有碰到什麼問題,今天小編突然想到,網路上的教學都不是很重視怎麼驗證,身為專業的工程師(自己說),小編很不喜歡大家一昧著安裝任何服務卻不知道怎麼「驗證」及「排除」問題,所以請原諒小編將GA設定移到第三章再講,所以接下來這篇將會告訴大家如何Tag Assistant (by Google) 驗證GTM追蹤碼是否正常運行,如果大家實做過後有什麼問題,歡迎大家點選頁面旁的FB聊天圖示,或是填寫聯絡表單,小編會盡快回覆您的問題。

Google Tag Manager (以下簡稱GTM)無法提供數據分析、投放廣告、計算再行銷等功能,小編覺得GTM好比一個轉發器,先至網頁安裝GTM追蹤碼,再經由設定代碼(Tag)、觸發條件(Triggers)、變數(Variables),將使用者的操作軌跡,利用事件的方式,將資訊傳送到第三方服務,像是Google Analytics、Google AdWords、FB Pixel 和 Bing等等。

(GTM後台連結:https://tagmanager.google.com/)

安裝 Tag Assistant (by Google)

點選加到 Chrome
GTM_07
(Chrome線上應用程式商店:Tag Assistant)
接著點選新增擴充功能
點擊藍色標籤後,點選 「Done」
點選右上方 Tag Assistant 圖示後,選取 「 Enable 」
接著就會轉換成此畫面
GTM_12
重整頁面後,標籤就會出現數字,數字代表此網頁使用了幾個追蹤碼
GTM_13
接著在點擊一次圖示,點選下方的 「 Allow 」
GTM_14
接著會跳出授權視窗,點選 「允許」
工具視窗跳回此畫面就代表設定完畢囉

如何驗證網站 GTM追蹤碼 是否正常運作?

點選右上方 Tag Assistant 圖示後,選取「 Enable 」
接著就會轉換成此畫面
GTM_12
重整頁面後,標籤就會出現數字,數字代表此網頁使用了幾個追蹤碼
GTM_13
點選工具就會跳出目前此網頁有哪些追蹤碼(常見的追蹤碼在下方說明),此時可以看到有一個項目為 Google Tag Manager,只要他亮綠色的就代表此網站的 GTM追蹤碼 運作正常,代表的顏色在下方說明

贊助廣告

標記的顏色可看出追蹤碼有什麼問題

1、綠色標記 + 數字

追蹤標記運作正常

2、藍色標記 + 笑臉

網頁上沒有追蹤標記或Tag Assistant尚未啟動

3、藍色標記 + 數字

您的追蹤標記有點小問題

4、黃色標記 + 數字

您的追蹤標記有問題

5、紅色標記 + 數字

您的追蹤標記有嚴重的問題

常見的追蹤碼

1、Google Tag Manager

GTM 追蹤碼

2、Google Analytics

GA 分析的追蹤碼

3、Google Ads Remarketing Tag

Google Adwords 再行銷追蹤碼

4、Global site tag (gtag.js)

Google Adwords 全域網站追蹤碼
高嘉松Andy

✓ 擁有5年MIS經驗以及WordPress架站經驗
✓ 製作知名品牌網站,如黃色小鴨、佳世達等網站
✓ 熱愛研究網路服務、市場趨勢、用戶行為和動機
✓ 熟悉工具:GA、GTM

Facebook 留言
(總點閱次數 : 3,241 , 今日點閱數數 : 1 )
種子數位行銷
Close Panel