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

    • 最後更新 2021-11-04 16:33

    相信許多在網路開店的商家們,為了分析網站的流量與成效都會安裝 Google AnalyticsGoogle 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

     

     

     

     

    Google Tag Assistant 安裝說明

    1. 可由應用程式進入到線上應用程式商店

        或點此進入線上應用程式商店

    2. 進入應用程式商店搜尋「Tag Assistant」

    3. 點選「Tag Assistant Legacy ( by Google )」 

     線上應用程式商店新增Tag Assistant Legacy ( by Google )

     

    點擊「加到CHROME」 → 「新增擴充功能」

     點選新增擴充功能的選項

     

    安裝後右上角會有一個藍色標籤圖示出現在 Google Chrome 的擴充工具位置,表示已經安裝完成。若要將擴充功能定選在工具列,請點開右上小標誌 → 點擊功能旁的釘選圖釘 → 圖釘為藍色時,該功能便會持續出現在工具列上 讓您方便使用。   

     將Tag Assistant Legacy釘選到在擴充選單

     

    在您的網頁上第一次進行使用時:

    1.請點擊工具列藍色標籤小圖示,會出現歡迎詞(歡迎來到 Google 的 Tag Assistant )

    2.勾選要允許 Google Tag Assistant 確認的程式代碼(Google預設為全選)

    3.點選 「Done」 

     完成Google Tag Assistant基本設定

     

    4.進行啟用,請點擊 Enable 

    開啟Google Tag Assistant點選Enable

     

    5.在頁面左上角點擊重新載入或按鍵盤F5進行重整

    重新整理網頁

     

    6.重整後可以看到小標籤已經產生數字,代表開始運作 

    Google Tag Assistant小圖示顯示數字代表開始運作

     

    接下來只要在想檢測的網頁,找到右上角工具列中 Tag Assistant 標籤按鈕,點擊進入後 Tag Assistant 會出現目前所在的網站頁面中程式代碼安裝情況,代碼的完整性會以不同的顏色標籤來區分,同時在視窗右上角會顯示總共有幾個程式代碼,其中有幾個代碼呈現異常

     Google Tag Assistant會顯示所以串接的Google 代碼

     

     

     

     

    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」按鈕擴充工具的小圖示出現紅點,代表開始記錄

     

    暫停記錄與觀看報表

    若想暫停Record紀錄,請再按一次右上「Tag Assistant」圖示,點選左下角紅色按鈕「STOP RECORDING」按下暫停紀錄,小圖示上的紅點也會消失。

    如要觀看活動報表,點選「Show Full Report」會出現剛剛瀏覽的紀錄,可以檢視完整的報表。

    也可以選擇 Resume Recording 繼續記錄。

    此外暫停紀錄的視窗中,還會呈現您這次錄製的基本訊息(以下圖為例):

    • your latest recordings 您最近的錄製
    • 1 pages tracked 追蹤了1個頁面
    • 6 tag were fired 有6個標籤被觸發

     STOP RECORDING就會產生報告記錄

     

    選擇「Show Full Report」進入報表說明,這裡告知您可以看到 2 份報告,並可使用頁面上的選項進行切換。

    1.標籤助理報告 Tag Assistant Report : 顯示您在錄製會話期間訪問的所有頁面上觸發的所有標籤,包括 Google 標籤和第三方(非 Google)標籤。

    2.GA分析報告 Google Analytics Report : 顯示所記錄的數據在您的 Google Analytics 將會是如何呈現,以獲取分析資訊。

     選擇「Show Full Report」進入報表說明可以看到兩份報告

     

    1. Tag Assistant Report

    在記錄工作階段期間造訪網頁上啟動的代碼,會全部顯示在 Tag Assistant 報表中,您可以使用報表中左側面板的選項執行操作,可以瀏覽所記錄的網頁資訊,像是 Analytics (分析) 追蹤程式碼,載入網頁的資訊、事件動作有沒有被執行..等,最後還可以將報告下載下來。

    在已記錄網頁上找到的代碼和問題訊息同樣以顏色標籤標示,藉此區分找到的問題類型,可以點擊標籤查看詳細的資料。

    Tag Assistant Report

     

    2. Google Analytics Report

    可以透過這份報表,瞭解每個載入網頁已被記錄的部分資料會如何呈現,從而獲得 Analytics 導入方式的詳細分析。請注意,您必須擁有資源和資料檢視的存取權,才能查看報表中的資料。

    Google Analytics Report

     

    以上介紹了基本的 Tag Assistant 代碼運作檢測小工具,希望這個網路行銷必備的擴充小功能,可以幫助大家初步檢查自己網站的代碼是否埋放正確。此外 Tag Assistant 不會追蹤您的線上活動,只會檢查造訪網站的代碼,結果也只有您能看到。而 Tag Assistant Records 功能可記錄使用者瀏覽網站的歷程,讓您驗證自家網站設計是否適當、網站的 Analytics (分析) 設定是否正確導入,以確保收集到需要的資料。

     

    如需進一步深入了解Tag Assistant Records 的各項解析,

    請點此參閱 Google 說明中心詳細資訊 

     

TOP