相信許多在網路開店的商家們,為了分析網站的流量與成效都會安裝 Google Analytics、Google Ads 、 GTM ....等等各項追蹤代碼。但是有沒有什麼方式可以協助確認埋放的代碼都有正常運作呢? 其實 Google 有一個方便又實用的小工具 - Google Tag Assistant 可以幫助我們進行代碼運作檢測喔!就讓我們帶著大家來了解 Google Tag Assistant 的相關介紹。
↓ 可點擊項目直達該段落↓
- Google Tag Assistant 相關介紹
- Google Tag Assistant 安裝說明
- Google Tag Assistant 標籤訊息
- Tag Assistant Recordings 運作方式與設定
Google Tag Assistant 相關介紹
Tag Assistant by Google 為 Google 推出的免費 Chrome 瀏覽器擴充功能,在 Google「線上應用程式商店」將功能加到CHROME,會安裝在我們的瀏覽器上。後續就可以自動偵測網頁中有支援的程式代碼,檢測這些代碼是否有確實安裝成功,且在網站上正常運作。
Google Tag Assistant 安裝說明
1. 可由應用程式進入到「線上應用程式商店」
或點此進入「線上應用程式商店」
2. 進入應用程式商店搜尋「Tag Assistant」
3. 點選「Tag Assistant Legacy ( by Google )」
點擊「加到CHROME」 → 「新增擴充功能」
安裝後右上角會有一個藍色標籤圖示出現在 Google Chrome 的擴充工具位置,表示已經安裝完成。若要將擴充功能定選在工具列,請點開右上小標誌 → 點擊功能旁的釘選圖釘 → 圖釘為藍色時,該功能便會持續出現在工具列上 讓您方便使用。
在您的網頁上第一次進行使用時:
1.請點擊工具列藍色標籤小圖示,會出現歡迎詞(歡迎來到 Google 的 Tag Assistant )
2.勾選要允許 Google Tag Assistant 確認的程式代碼(Google預設為全選)
3.點選 「Done」
4.進行啟用,請點擊 「Enable」
5.在頁面左上角點擊重新載入或按鍵盤「F5」進行重整
6.重整後可以看到小標籤已經產生數字,代表開始運作
接下來只要在想檢測的網頁,找到右上角工具列中 Tag Assistant 標籤按鈕,點擊進入後 Tag Assistant 會出現目前所在的網站頁面中程式代碼安裝情況,代碼的完整性會以不同的顏色標籤來區分,同時在視窗右上角會顯示總共有幾個程式代碼,其中有幾個代碼呈現異常。
Google Tag Assistant 標籤訊息
不同顏色標籤所代表的訊息:
在已記錄網頁上找到的每個代碼,以及該代碼的詳細資料都會列出。代碼和問題訊息會以顏色標籤來標示,藉此區分找到的問題類型:
• 綠色標籤圖示:表示訊息安裝成功且有正常運作。
• 藍色標籤圖示:表示訊息可運作 但系統提供使用者可改善整體標籤健康的建議
• 黃色標籤圖示:表示訊息有些小錯誤 可能導致無法預期的結果。
• 紅色標籤圖示:表示訊息有重大問題。代碼目前無法追蹤使用,且報表中可能會有錯誤或缺少的資料。
(紅黃標籤可展開該標籤的系統建議,裡面會提出錯誤問題)
如果驗證結果呈現出紅標籤或是黃標籤,您第一步可將游標放到該標籤上,然後點擊箭頭。進入該頁面後,就可以看到詳細的解釋資訊或是提供您修正建議,如果想要瞭解更多,第二步可以點擊「?」More info (更多信息) 按鈕,連至相關網頁說明。
Tag Assistant Recordings 運作方式與設定
此外,Tag Assistant 還有一個很方便的應用是Record記錄功能, 它是 Tag Assistant 擴充功能的一部分。可協助追蹤使用者瀏覽網站的歷程,用來驗證在網頁上進行的活動,是否都有被程式代碼正常追蹤。
使用 Tag Assistant Recordings 驗證 event tracking (事件追蹤)設定
先開啟您要記錄分析的網站,點一下「Tag Assistant」圖示。接著按左下角藍色「Record」按鈕。此時右上角的擴充標籤將出現一個類似「錄影中」的紅點,表示已經開始記錄。您便可進行瀏覽網頁並執行網頁內的相關動作。
另外可選擇是否記錄新開的分頁 : 勾選後,當你開啟新分頁,Google Tag Assistant就會開始記錄新分頁活動,並停止記錄目前的活動(可視需求勾選)。
暫停記錄與觀看報表
若想暫停Record紀錄,請再按一次右上「Tag Assistant」圖示,點選左下角紅色按鈕「STOP RECORDING」按下暫停紀錄,小圖示上的紅點也會消失。
如要觀看活動報表,點選「Show Full Report」會出現剛剛瀏覽的紀錄,可以檢視完整的報表。
也可以選擇 「Resume Recording」 繼續記錄。
此外暫停紀錄的視窗中,還會呈現您這次錄製的基本訊息(以下圖為例):
- your latest recordings 您最近的錄製
- 1 pages tracked 追蹤了1個頁面
- 6 tag were fired 有6個標籤被觸發
選擇「Show Full Report」進入報表說明,這裡告知您可以看到 2 份報告,並可使用頁面上的選項進行切換。
1.標籤助理報告 Tag Assistant Report : 顯示您在錄製會話期間訪問的所有頁面上觸發的所有標籤,包括 Google 標籤和第三方(非 Google)標籤。
2.GA分析報告 Google Analytics Report : 顯示所記錄的數據在您的 Google Analytics 將會是如何呈現,以獲取分析資訊。
1. Tag Assistant Report
在記錄工作階段期間造訪網頁上啟動的代碼,會全部顯示在 Tag Assistant 報表中,您可以使用報表中左側面板的選項執行操作,可以瀏覽所記錄的網頁資訊,像是 Analytics (分析) 追蹤程式碼,載入網頁的資訊、事件動作有沒有被執行..等,最後還可以將報告下載下來。
在已記錄網頁上找到的代碼和問題訊息同樣以顏色標籤標示,藉此區分找到的問題類型,可以點擊標籤查看詳細的資料。
2. Google Analytics Report
可以透過這份報表,瞭解每個載入網頁已被記錄的部分資料會如何呈現,從而獲得 Analytics 導入方式的詳細分析。請注意,您必須擁有資源和資料檢視的存取權,才能查看報表中的資料。
以上介紹了基本的 Tag Assistant 代碼運作檢測小工具,希望這個網路行銷必備的擴充小功能,可以幫助大家初步檢查自己網站的代碼是否埋放正確。此外 Tag Assistant 不會追蹤您的線上活動,只會檢查造訪網站的代碼,結果也只有您能看到。而 Tag Assistant Records 功能可記錄使用者瀏覽網站的歷程,讓您驗證自家網站設計是否適當、網站的 Analytics (分析) 設定是否正確導入,以確保收集到需要的資料。
如需進一步深入了解Tag Assistant Records 的各項解析,請參閱 Google 說明中心詳細資訊