實用小工具|檢查網站裡的Google 追蹤碼- Google Tag Assistant

文章推薦指數: 80 %
投票人數:10人

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



請為這篇文章評分?