伺服器容器預覽及偵錯

您可以在代碼管理工具中預覽伺服器端容器並進行偵錯。

瞭解預覽畫面版面配置

如要開啟偵錯工具,請在代碼管理工具中選取伺服器容器,然後按一下「預覽」

左側面板會列出傳入的 HTTP 要求,例如 collect?v=2&....。如果聲明要求的用戶端建立了事件資料物件 (例如 scrollpage_viewadd_to_cart),這項事件會顯示為要求下的子項目。

右側的分頁會顯示左側面板中所選項目的詳細資料。 每個分頁都會在個別章節中說明。

螢幕截圖:代碼管理工具處於預覽模式

偵錯要求

「要求」分頁包含下列方塊:

  • 認領要求的用戶端
  • 連出 HTTP 要求
  • 連入 HTTP 要求

螢幕截圖:顯示代碼管理工具的「要求」分頁

確認要求是由正確的用戶端聲明

伺服器容器可以有多個用戶端,但只有一個用戶端可以聲明要求。正確的用戶端會辨識瀏覽器傳送的要求格式,並在相符時聲明要求。

按一下「客戶」方塊,即可查看客戶詳細資料。這項資訊應與「客戶」>「<客戶名稱>」中的用戶端設定相符。

顯示代碼管理工具用戶端詳細資料的螢幕截圖

檢查收到的要求

按一下「連入 HTTP 要求」方塊,即可查看連入要求的完整詳細資料。

要求 (collect?v=...) 應與 Chrome 網路分頁中顯示的內容完全一致。確認瀏覽器中顯示的內容是否相符,以及伺服器容器是否收到正確的參數。

螢幕截圖:顯示代碼管理工具的傳入要求詳細資料

查看傳送的要求

按一下任一「連出 HTTP 要求」方塊,即可查看下列詳細資料:

  • 產生要求的代碼
  • 傳出要求
  • 供應商端點傳回的 HTTP 回應

外送要求詳細資料會顯示伺服器容器傳送至供應商端點的資料。

螢幕截圖:顯示代碼管理工具外送要求詳細資料

「回應」會顯示供應商端點傳回的狀態碼、標頭和內文 (如有)。

螢幕截圖:顯示代碼管理工具傳送的回應詳細資料

偵錯標記

「代碼」分頁會列出所有已設定的代碼:

  • 已觸發的代碼:事件觸發的代碼。每個方塊都會指出代碼是否失敗或成功觸發,以及代碼觸發的次數。
  • 未觸發的代碼:未觸發的可使用代碼。

螢幕截圖:顯示代碼管理工具的「代碼」分頁

按一下任一方塊,即可查看代碼屬性、傳送的 HTTP 要求和觸發條件。

顯示代碼管理工具代碼詳細資料的螢幕截圖

如要進一步瞭解如何設定及導入伺服器代碼,請參閱「如何建立伺服器代碼」。

偵錯變數

「變數」標記會列出事件的變數,並包含變數類型、傳回類型和值。舉例來說,下方 user-engagement 事件的螢幕截圖顯示 var_screen_resolution 變數設為「1536x864」。

螢幕截圖:顯示代碼管理工具的「變數」分頁

用於設定變數值的資料會顯示在「事件資料」分頁中。

如要進一步瞭解如何設定內建變數使用者定義變數,請參閱「變數」。

偵錯事件資料

「活動資料」分頁會顯示活動的完整詳細資料。這項資料可用於在「變數」分頁中設定變數值

螢幕截圖:顯示代碼管理工具的「事件資料」分頁

控制台

「控制台」分頁會顯示所有因觸發代碼而產生的錯誤。記錄檔會列出每則錯誤訊息及其來源,例如無效的端點或目標 API 呼叫。

螢幕截圖:顯示代碼管理工具控制台