Google Tag Manager 設定教學(二) - 使用Tag Assistant 檢查 ...
文章推薦指數: 80 %
安裝Tag Assistant (by Google) · 1、在Chrome 線上應用程式商店搜尋Tag Assistant ,點選加到Chrome. 點選加到Chrome · 2、安裝後右上角工具列會出現一個藍 ...
高嘉松Andy
2019-06-27
Google技術分享/GTM教學/技術文章
前一篇設定教學(一)教導各位如何在自己的網站埋設GTM的追蹤碼,不知道各位實做過後有沒有碰到什麼問題,今天小編突然想到,網路上的教學都不是很重視怎麼驗證,身為專業的工程師(自己說),小編很不喜歡大家一昧著安裝任何服務卻不知道怎麼「驗證」及「排除」問題,所以請原諒小編將GA設定移到第三章再講,所以接下來這篇將會告訴大家如何TagAssistant(byGoogle) 驗證GTM追蹤碼是否正常運行,如果大家實做過後有什麼問題,歡迎大家點選頁面旁的FB聊天圖示,或是填寫聯絡表單,小編會盡快回覆您的問題。
文章目錄何謂GoogleTagManager?安裝TagAssistant(byGoogle)1、在Chrome線上應用程式商店搜尋TagAssistant,點選加到Chrome2、安裝後右上角工具列會出現一個藍色標籤圖示3、先連結至要驗證的網站4、重整頁面如何驗證網站GTM追蹤碼是否正常運作?1、每次連結至新網頁都需要做一次這個步驟贊助廣告標記的顏色可看出追蹤碼有什麼問題1、綠色標記+數字2、藍色標記+笑臉3、藍色標記+數字4、黃色標記+數字5、紅色標記+數字常見的追蹤碼1、GoogleTagManager2、GoogleAnalytics3、GoogleAdsRemarketingTag4、Globalsitetag(gtag.js)下一篇:將講解如何將GA追蹤碼設定在GTM
何謂GoogleTagManager?
GoogleTagManager(以下簡稱GTM)無法提供數據分析、投放廣告、計算再行銷等功能,小編覺得GTM好比一個轉發器,先至網頁安裝GTM追蹤碼,再經由設定代碼(Tag)、觸發條件(Triggers)、變數(Variables),將使用者的操作軌跡,利用事件的方式,將資訊傳送到第三方服務,像是GoogleAnalytics、GoogleAdWords、FBPixel和Bing等等。
(GTM後台連結:https://tagmanager.google.com/)
安裝TagAssistant(byGoogle)
1、在Chrome線上應用程式商店搜尋TagAssistant,點選加到Chrome
點選加到Chrome(Chrome線上應用程式商店:TagAssistant)接著點選新增擴充功能
2、安裝後右上角工具列會出現一個藍色標籤圖示
點擊藍色標籤後,點選「Done」
3、先連結至要驗證的網站點選右上方TagAssistant圖示後,選取「Enable」接著就會轉換成此畫面
4、重整頁面重整頁面後,標籤就會出現數字,數字代表此網頁使用了幾個追蹤碼接著在點擊一次圖示,點選下方的「Allow」接著會跳出授權視窗,點選「允許」工具視窗跳回此畫面就代表設定完畢囉
如何驗證網站GTM追蹤碼是否正常運作?
1、每次連結至新網頁都需要做一次這個步驟點選右上方TagAssistant圖示後,選取「Enable」接著就會轉換成此畫面重整頁面後,標籤就會出現數字,數字代表此網頁使用了幾個追蹤碼點選工具就會跳出目前此網頁有哪些追蹤碼(常見的追蹤碼在下方說明),此時可以看到有一個項目為GoogleTagManager,只要他亮綠色的就代表此網站的GTM追蹤碼運作正常,代表的顏色在下方說明。
贊助廣告
標記的顏色可看出追蹤碼有什麼問題
1、綠色標記+數字追蹤標記運作正常2、藍色標記+笑臉網頁上沒有追蹤標記或TagAssistant尚未啟動3、藍色標記+數字您的追蹤標記有點小問題4、黃色標記+數字您的追蹤標記有問題5、紅色標記+數字您的追蹤標記有嚴重的問題
常見的追蹤碼
1、GoogleTagManagerGTM追蹤碼2、GoogleAnalyticsGA分析的追蹤碼3、GoogleAdsRemarketingTagGoogleAdwords再行銷追蹤碼4、Globalsitetag(gtag.js)GoogleAdwords全域網站追蹤碼
下一篇:將講解如何將GA追蹤碼設定在GTM
高嘉松Andy✓擁有5年MIS經驗以及WordPress架站經驗✓製作知名品牌網站,如黃色小鴨、佳世達等網站✓熱愛研究網路服務、市場趨勢、用戶行為和動機✓熟悉工具:GA、GTM
Facebook留言(總點閱次數:2,604,今日點閱數數:1)Tags:Google,GoogleTagManager,WordPress,Html,GoogleAnalytics分享文章
繼續閱讀
前一則文章GoogleTagManager設定教學(一)–埋設GTMTracking追蹤碼下一則文章GoogleTagManager設定教學(三)–將GoogleAnalyticsTracking設定至GTM
你可能也喜歡
Woocommerce購物車教學–在訂單上顯示PST以及GST兩種稅率2021-06-14GTM進階電子商務–讓WordPress電商網站的購物行為,完整顯示於GoogleAnalytics2021-05-30安裝Certbot工具,與Let’sEncrypt申請SSL金鑰憑證,自動更新SSL憑證-Centos7+Certbot2019-12-11
近期文章Woocommerce購物車教學–在訂單上顯示PST以及GST兩種稅率GTM進階電子商務–讓WordPress電商網站的購物行為,完整顯示於GoogleAnalyticsGTM設定事件(一)–新增GA表單提交事件WordPressTop10熱門文章外掛–使用Top10在文章資訊欄上增加瀏覽人次Elementor文章列表教學-使用PostsTablewithSearch&Sort及elementor先列出文章日期再列出文章標題安裝Certbot工具,與Let’sEncrypt申請SSL金鑰憑證,自動更新SSL憑證-Centos7+Certbot分類WordPress技術分享Google行銷資訊GoogleTagManagerCIS設計Google技術分享GTM教學FaceBook最新資訊Linux分享文章GoogleAds產業新聞YouTube行銷資訊技術文章推薦外掛
推薦主題最新文章GTM進階電子商務–讓WordPress電商網站的購物行為,完整顯示於GoogleAnalytics2021-05-30/0Comments
GTM設定事件(一)–新增GA表單提交事件2020-04-06/0Comments
WordPressTop10熱門文章外掛–使用Top10在文章資訊欄上增加瀏覽人次2020-01-27/0Comments
聯絡資訊Address:104台北市中山區南京東路三段219號9樓(多普林商務中心)E-mail:[email protected]友站連結1on1全球家教共享平台
Copyright2021©AllrightsReserved.
Home
服務項目網頁製作
系統維護
平面設計&商業設計
CIS企業識別
作品案例平面設計
形象官網
購物車網站
一頁式活動頁
數位廣告素材
CIS企業識別
BLOG產業新聞
Google行銷資訊
FaceBook最新資訊
技術文章Google技術分享
Linux分享文章
WordPress技術分享
About
Contact
你想找什麼
ClosePanel
延伸文章資訊
- 1【GTM教學】新手篇:十分鐘搞懂Google Tag Manager
在這邊給大家推薦一個Chrome 的擴充功能Tag Assistant(by Google),我們可以使用這項功能了解是否已經正確且成功地在網站上安裝各種標籤,安裝完成 ...
- 2Google Tag Assistant 使用教學
Google Tag Assistant 是一個Chrome 的擴充工具,並可以拿來檢查Google 其他產品的串接是否有成功導入,例如:Google Analytics、Google Ads、...
- 3使用Tag Assistant幫您驗證GA追蹤碼是否正確安裝。
Google Analytics (dc.js); AdWords Conversion Tracking; AdWords Remarketing (legacy); AdWords Rema...
- 4Google Tag Manager 設定教學(二) - 使用Tag Assistant 檢查 ...
安裝Tag Assistant (by Google) · 1、在Chrome 線上應用程式商店搜尋Tag Assistant ,點選加到Chrome. 點選加到Chrome · 2、安裝後右上...
- 5使用Tag Assistant Recordings - Analytics (分析)說明
安裝/解除安裝Google Tag Assistant