新版Google Tag Manager 預覽模式指南——Tag Assistant

在Google Tag Manager設定後，我們需要調試才可以知道誰定是否準確，現在，新版的Google T. Haran的行銷筆記https://www.haranhuang.com/ >Google>GoogleTagManager>新版GoogleTagManager預覽模式指南——TagAssistant 文章目錄 預覽調試模式為什麼改變啟用預覽調試模式GTM預覽模式的界面介紹事件列表標籤信息Tags(代碼)Variables(變數)DataLayer(資料層)Errors(錯誤)分享GTM預覽模式GTM中正在調試模式中TagAssistant調試列表頁退出GTM預覽模式預覽调试的思路預覽連結失敗的幾個原因 在GoogleTagManager設定後，我們需要調試才可以知道誰定是否準確，現在，新版的GoogleTag Manager的預覽調試使用TagAssistant，這一節我將介紹如何用TagAssistant去調試。

預覽調試模式為什麼改變 因為舊版的預覽模式需要googletagmanager.com設定第三方cookie，如果不能设定第三方Cookie，預覽模式無法開啟。

  隨著瀏覽器行業在逐步禁止第三方cookie的使用，所以舊版的預覽模式將變得不能使用，新版的預覽模式是為了解決這個問題，改用採用第一方Cookie或localstorage。

    啟用預覽調試模式 要啟用GTM的預覽模式，在GTM中點擊右上角的“預覽”： 點擊“預覽”後，會打開一個https://tagassistant.google.com/的頁面，並且會彈出一個窗口，要求你輸入測試的URL： 輸入你要調試的URL，左下角有一個可以勾選的選項IncludedebugsignalintheURL，如果勾選，它會在測試的URL上添加gtm_debug=x，表示成功進入調試狀態，如果沒勾選，就不會添加。

填好後點擊“Connect”，它會打開測試頁面，如果你在測試頁面看到： 或在https://tagassistant.google.com/頁面看到： 就表示成功進入調試狀態。

如果調試頁面不能正常打開，請看預覽連結失敗的幾個原因 GTM預覽模式的界面介紹 GTM的預覽頁面的界面如下，其實就是https://tagassistant.google.com/頁面，主要可以分為四部分： 調試狀態：可以看到是Connected，表示連結狀態，可以進行調試。

控件：列出網站上所有已經安裝的容器，如GTM、GA4、Optimze的，你可以選擇不同的容器。

事件列表：這裡會記錄用戶在頁面上觸發所有事件/行為。

標籤信息:可以查看對應事件的標籤觸發情況： Tags(代碼):查看有哪些代碼在這個事件有觸發，沒有觸發。

Variables(變數):查看選擇的事件有哪些變數及其值是什麼。

DataLayer(資料層):查看選擇的事件是否有dataLayer，已經資訊有哪些， Errors(錯誤):如果選擇的事件有錯誤，可查看錯誤訊息。

事件列表 事件列表會按事件順序顯示所有的事件/行為，，事件按發生的頁面分組，如下所示：   分別表示頁面1和頁面2。

有些事件的右側有個圖標，這個表示這個事件有自動發出的內置觸發條件，GTM提供很多的內置觸發器，如表單提交、計時器、歷史更改、 Javascript錯誤。

如果你比較細心，可能會發現每次加載頁面時，列表都顯示五個事件：ConsentInitialization、Initialization、ContainerLoaded、DOMReady和WindowLoaded，它們是就載入的順序觸發，優先級和作用如下： ConsentInitialization（同意聲明初始化）：可協助確保同意聲明設定都能在任何其他觸發條件觸發前生效。

Initialization（初始化）：在所有其他觸發條件之前觸發，「但」會在同意聲明初始化觸發條件之後觸發。

ContainerLoaded（網頁瀏覽）：在網路瀏覽器開始載入網頁時立即啟動。

DOMReady:（DOM就）：在瀏覽器以HTML格式建構完整個網頁、系統也準備好剖析文件物件模型(DOM)時啟動。

WindowLoaded（視窗已載入）：在網頁(包括圖片和指令碼等所有內嵌資源)完全載入後啟動。

    標籤信息 點擊事件列表裡的任意一個事件/行為，就可以看它對應的標籤信息。

注意：調試過程中，一定是現在事件列表裡選擇事件，然後在看對應的標籤信息 APICall Tags(代碼) 查看有哪些代碼在這個事件有觸發，沒有觸發。

TagsFired：代碼觸發 TagsNotFired：代碼沒觸發   還可以進一步點擊TagsFired已經觸發代碼的配置，看其代碼屬性、觸發條件、阻塞觸發條件： 代碼屬性裡，你可以看到其具體的配置，注意其右上角，如果你選擇Names，顯示的是名稱，如果選擇的Values，顯示的具體的值，它默認顯示的Name，調試過程中建議顯示Values，有助於判斷追蹤是會否準確： 觸發條件：可以看觸發的條件。

阻塞觸發條件：可以看觸發的條件，在一個代碼有多個觸發條件的時候，這裡可能就會顯示。

  Variables(變數) 查看選擇的事件有哪些變數及其值是什麼。

  這些變數都是可以在代碼和觸發條件裡使用的。

DataLayer(資料層) 查看選擇的事件是否有dataLayer，已經資訊有哪些，所有的資料層的變數都可以通過GTM裡的數據層變數去獲取。

通常在電商追綜用的比較多：GoogleAnalytics4：GoogleTagManager電商设定指南   Errors(錯誤) 如果選擇的事件有錯誤，可查看錯誤訊息，這個比較少用。

分享GTM預覽模式 有多種方式可以分享GTM預覽模式。

GTM中 在GTM中點擊版本，然後找到要分享的版本的，點擊器右側的三個點，就可以看到“分享預覽”： 正在調試模式中 如果你正在調試，可以在https://tagassistant.google.com/的右上角三個點： 點擊後就可以獲取分享鏈接： TagAssistant調試列表頁     退出GTM預覽模式 有兩種方式可以退出GTM預覽模式： 一種是在調試頁面點擊Finish： 一種是在https://tagassistant.google.com/裡的調試狀態點擊如下位置：     預覽调试的思路 进入調試狀態後，現在網頁中模擬操作需要跟蹤的行為，然後返回到https://tagassistant.google.com/頁面，在事件列表裡找到該事件/行為，點擊選擇它，然後看標籤信息，看代碼部分，TagsFired是否有它，如果有就表示追蹤成功，如果沒有，那麼在TagsNotFired裡找到這個要追蹤事件的代碼，點擊打開，查看它的具體配置，重點看觸發條件部分，看哪一個條件沒通過，對該條件做修改。

如果你不知道要改成什麼，可以參考標籤信息變數裡的值去做設置，設定好後再重新做預覽測試。

  預覽連結失敗的幾個原因 如果調試窗口未成功連接到你的頁面，請嘗試以下一些解決方案： 你輸入的URL在頁面上可能沒有全局站點標記。

在你希望安裝全局網站代碼的網站上嘗試不同的URL。

添加到頁面URL的調試參數可能會破壞頁面行為。

要解決此問題，請編輯您為調試模式輸入的域，並取消選中標有“在URL中包含調試信號”的複選框。

全局站點代碼腳本在TagAssistant嘗試連接到頁面之後加載。

單擊“重試”以重新連接。

您的網頁是AMP網頁。

TagAssistant目前不支持AMP。

該頁面在iframe中加載全局網站代碼。

只有在同時安裝了TagAssistantCompanionchrome擴展時，才能調試iframe加載的代碼配置。

多個瀏覽器重定向可能會阻止加載調試窗口。

您的網絡瀏覽器中安裝的廣告攔截器可能會阻止全局網站代碼運行。

為您需要測試的頁面禁用廣告攔截器。

如果你安裝了TagAssistantCompanion，請確保該擴展程序有權讀取和更改您需要測試的頁面的網站數據。

同意管理工具可能會阻止Google標籤。

配置您使用的任何許可管理工具，以允許與Google的許可API進行交互。

  版權所有，均為原創轉載請註明標題：新版GoogleTagManager預覽模式指南——TagAssistant！網址鏈接：https://www.haranhuang.com/google-tag-manager-debug-mode.html！ Like(0) 升级到GoogleAnalytics4 GoogleAnalytics4中設定自訂事件（事件層級自訂維度和自訂指標） GoogleMarketPlatform：統一的廣告和分析平臺 GoogleTagManager是什麼? GoogleAnalytics中做跨網域追蹤 使用GoogleTagManager安裝GoogleAnalytics追蹤代碼 GoogleAnalytics中用UserID實現跨設備跟蹤WordPress中安裝GoogleTagManager追蹤碼GA和GTM，不要再傻傻分不清！！！GoogleMarketPlatform：統一的廣告和分析平臺GoogleAnalytics中做單頁應用追蹤GoogleAnalytics4：GoogleTagManager電商设定指南GoogleTagManager是什麼?使用GoogleTagManager安裝GoogleAnalytics4和調優 發佈我的留言 取消留言 發佈留言 留言通知 表情 贴图 加粗 删除线 居中 斜体 Hi，*为發佈留言必須填寫。

顯示名稱*顯示名稱* 電子郵件*電子郵件地址* 個人網站網址個人網站網址 近期文章 舊版GA和和新版GA4的對比（2022） GoogleAnalytics4的幾個缺點 使用GoogleAnalytics4的10個優點 GoogleOptimize免費版和付費版的對比 GoogleMarketPlatform：統一的廣告和分析平臺 GoogleAnalytics4中的資料匯入 詳解GoogleAnalytics4中的自動收集的事件 透過使用者介面修改及建立事件：GA4中的無程式事件追蹤 最近留言test BasicDirectCallRule. CrossDomainTracking（UniversalAnlaytics） CrossDomainTracking（GA4） 最新评论