實用小工具|檢查網站裡的Google 追蹤碼- Google Tag Assistant
文章推薦指數: 80 %
Google Tag Assistant 安裝說明 ... 安裝後右上角會有一個藍色標籤圖示出現在Google Chrome 的擴充工具位置,表示已經安裝完成。
若要將擴充功能定選在工具列 ...
WACA
登入
Facebook粉絲團
支援你從零開始網路開店
金流
PayNow
會員登入
超商取貨
GoogleAnalytics
多階層
現金積點
常見問題
支援中心
行銷推廣
數位行銷
最後更新2021-11-0416:33
Google
GA
相信許多在網路開店的商家們,為了分析網站的流量與成效都會安裝 GoogleAnalytics、Google Ads、GTM....等等各項追蹤代碼。
但是有沒有什麼方式可以協助確認埋放的代碼都有正常運作呢? 其實 Google有一個方便又實用的小工具 -GoogleTagAssistant可以幫助我們進行代碼運作檢測喔!就讓我們帶著大家來了解 Google Tag Assistant 的相關介紹。
↓ 可點擊項目直達該段落↓
GoogleTagAssistant相關介紹
GoogleTagAssistant安裝說明
GoogleTagAssistant標籤訊息
TagAssistantRecordings運作方式與設定
GoogleTagAssistant相關介紹
TagAssistant byGoogle 為Google推出的免費Chrome瀏覽器擴充功能,在Google「線上應用程式商店」將功能加到CHROME,會安裝在我們的瀏覽器上。
後續就可以自動偵測網頁中有支援的程式代碼,檢測這些代碼是否有確實安裝成功,且在網站上正常運作。
GoogleTagAssistant安裝說明
1.可由應用程式進入到「線上應用程式商店」
或點此進入「線上應用程式商店」
2.進入應用程式商店搜尋「TagAssistant」
3.點選「TagAssistantLegacy(byGoogle)」
點擊「加到CHROME」 → 「新增擴充功能」
安裝後右上角會有一個藍色標籤圖示出現在GoogleChrome的擴充工具位置,表示已經安裝完成。
若要將擴充功能定選在工具列,請點開右上小標誌 → 點擊功能旁的釘選圖釘 → 圖釘為藍色時,該功能便會持續出現在工具列上讓您方便使用。
在您的網頁上第一次進行使用時:
1.請點擊工具列藍色標籤小圖示,會出現歡迎詞(歡迎來到Google的TagAssistant)
2.勾選要允許GoogleTagAssistant確認的程式代碼(Google預設為全選)
3.點選「Done」
4.進行啟用,請點擊 「Enable」
5.在頁面左上角點擊重新載入或按鍵盤「F5」進行重整
6.重整後可以看到小標籤已經產生數字,代表開始運作
接下來只要在想檢測的網頁,找到右上角工具列中TagAssistant標籤按鈕,點擊進入後 TagAssistant會出現目前所在的網站頁面中程式代碼安裝情況,代碼的完整性會以不同的顏色標籤來區分,同時在視窗右上角會顯示總共有幾個程式代碼,其中有幾個代碼呈現異常。
GoogleTagAssistant標籤訊息
不同顏色標籤所代表的訊息:
在已記錄網頁上找到的每個代碼,以及該代碼的詳細資料都會列出。
代碼和問題訊息會以顏色標籤來標示,藉此區分找到的問題類型:
•綠色標籤圖示:表示訊息安裝成功且有正常運作。
•藍色標籤圖示:表示訊息可運作但系統提供使用者可改善整體標籤健康的建議
•黃色標籤圖示:表示訊息有些小錯誤可能導致無法預期的結果。
•紅色標籤圖示:表示訊息有重大問題。
代碼目前無法追蹤使用,且報表中可能會有錯誤或缺少的資料。
(紅黃標籤可展開該標籤的系統建議,裡面會提出錯誤問題)
如果驗證結果呈現出紅標籤或是黃標籤,您第一步可將游標放到該標籤上,然後點擊箭頭。
進入該頁面後,就可以看到詳細的解釋資訊或是提供您修正建議,如果想要瞭解更多,第二步可以點擊「?」Moreinfo(更多信息)按鈕,連至相關網頁說明。
TagAssistantRecordings運作方式與設定
此外,TagAssistant還有一個很方便的應用是Record記錄功能,它是TagAssistant擴充功能的一部分。
可協助追蹤使用者瀏覽網站的歷程,用來驗證在網頁上進行的活動,是否都有被程式代碼正常追蹤。
使用TagAssistant Recordings驗證eventtracking(事件追蹤)設定:
先開啟您要記錄分析的網站,點一下「TagAssistant」圖示。
接著按左下角藍色「Record」按鈕。
此時右上角的擴充標籤將出現一個類似「錄影中」的紅點,表示已經開始記錄。
您便可進行瀏覽網頁並執行網頁內的相關動作。
另外可選擇是否記錄新開的分頁: 勾選後,當你開啟新分頁,GoogleTagAssistant就會開始記錄新分頁活動,並停止記錄目前的活動(可視需求勾選)。
暫停記錄與觀看報表
若想暫停Record紀錄,請再按一次右上「TagAssistant」圖示,點選左下角紅色按鈕「STOPRECORDING」按下暫停紀錄,小圖示上的紅點也會消失。
如要觀看活動報表,點選「ShowFullReport」會出現剛剛瀏覽的紀錄,可以檢視完整的報表。
也可以選擇 「ResumeRecording」 繼續記錄。
此外暫停紀錄的視窗中,還會呈現您這次錄製的基本訊息(以下圖為例):
yourlatestrecordings您最近的錄製
1pagestracked追蹤了1個頁面
6tagwerefired有6個標籤被觸發
選擇「ShowFullReport」進入報表說明,這裡告知您可以看到2份報告,並可使用頁面上的選項進行切換。
1.標籤助理報告 TagAssistantReport: 顯示您在錄製會話期間訪問的所有頁面上觸發的所有標籤,包括Google標籤和第三方(非Google)標籤。
2.GA分析報告 GoogleAnalyticsReport:顯示所記錄的數據在您的GoogleAnalytics將會是如何呈現,以獲取分析資訊。
1. TagAssistantReport
在記錄工作階段期間造訪網頁上啟動的代碼,會全部顯示在TagAssistant報表中,您可以使用報表中左側面板的選項執行操作,可以瀏覽所記錄的網頁資訊,像是Analytics(分析)追蹤程式碼,載入網頁的資訊、事件動作有沒有被執行..等,最後還可以將報告下載下來。
在已記錄網頁上找到的代碼和問題訊息同樣以顏色標籤標示,藉此區分找到的問題類型,可以點擊標籤查看詳細的資料。
2.GoogleAnalyticsReport
可以透過這份報表,瞭解每個載入網頁已被記錄的部分資料會如何呈現,從而獲得Analytics導入方式的詳細分析。
請注意,您必須擁有資源和資料檢視的存取權,才能查看報表中的資料。
以上介紹了基本的TagAssistant 代碼運作檢測小工具,希望這個網路行銷必備的擴充小功能,可以幫助大家初步檢查自己網站的代碼是否埋放正確。
此外 TagAssistant不會追蹤您的線上活動,只會檢查造訪網站的代碼,結果也只有您能看到。
而 Tag AssistantRecords功能可記錄使用者瀏覽網站的歷程,讓您驗證自家網站設計是否適當、網站的Analytics(分析)設定是否正確導入,以確保收集到需要的資料。
如需進一步深入了解TagAssistantRecords的各項解析,
請點此參閱Google說明中心詳細資訊
GoogleAnalytics(GA4)網站數據分析設定
GoogleAds轉換標籤設定
最後更新2022-07-1918:43
商店佈景元件|網格/元件清單列表
最後更新2022-07-2014:14
商店佈景元件(二)|圖文影、輪播、商品列表、頁籤、公告、Blog、社群元件
最後更新2022-07-2014:19
商店佈景元件(一)|頁首、頁尾、商品分類、圖片、影片、文字、按鈕、ICON元件
最後更新2022-07-2013:54
商店佈景設定|打造商店獨特風格
最後更新2022-07-0414:07
WACAPOSAPP|結帳功能及訂單紀錄
商品登錄
商品設定
19
商品管理
8
商店佈景
佈景設定
5
商店設定
商店基本設定
12
運送設定
22
付款設定
16
客服輔助與顧客關係
9
訂單管理
日常出貨
15
訂單搜尋與管理
11
行銷推廣
數位行銷
26
行銷活動設定
16
品牌推廣
6
會員管理
會員登入設定
4
會員相關功能
10
文章管理
文章編輯
6
賣家中心
後台管理
5
WACA功能更新總整理
6
開店輔助
16
POS
硬體設備
5
POS_APP
4
後台管理中心
3
商品
物流
第三方
PayNow
Google
金流
批次
出貨
運費
付款
信用卡
綠界
跨境電商
超商取貨
宅配
圖片
超商
新手快速設定
LINE
行銷追蹤工具
WACA2分鐘打造您的網路商店
預約專人諮詢
馬上免費註冊
TOP
延伸文章資訊
- 1Tag Assistant測試教學-
Tag Assistant(Google Chrome的擴充功能工具) 在Google線上應用程式商店安裝完成後,就可以自動偵測有支援的程式代碼,檢測這些代碼是否有確實安裝成功,且在網站上 ...
- 2使用Tag Assistant Recordings - Analytics (分析)說明
往後,Google Tag Assistant 會分析每個造訪網頁的代碼。請注意,擴充功能圖示會根據找到的代碼變更顏色和顯示的數字;舉例來說,如果網頁中有一個代碼錯誤,就會顯示 ...
- 3Tag Assistant - GA Dev Tools
Google Tag Assistant is a Chrome Extension that helps you validate the measurement code on your w...
- 4Tag Assistant Legacy (by Google)
Tag Assistant helps to troubleshoot installation of various Google tags including Google Analytic...
- 5Google Tag Assistant
Google Tag Assistant (Legacy) is a free Chrome extension that helps you make sure your Google tag...