伺服器容器預覽及偵錯

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

瞭解預覽版面配置

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

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

右側分頁標籤會提供左側面板中所選項目的詳細資料。 每個分頁標籤都會在獨立的章節中討論。

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

偵錯要求

「Request」分頁中包含下列方塊:

  • 已聲明要求的用戶端
  • 傳出 HTTP 要求
  • 傳入 HTTP 要求

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

確認正確的客戶已聲明要求擁有權

伺服器容器可以有多個用戶端,但只有一個用戶端可以認領要求。正確的用戶端可以辨識瀏覽器發出的要求格式,並在有相符項目時聲明其擁有權。

按一下「客戶」方塊,勾選客戶的詳細資料。這項資訊應與「Clients」(用戶端) >「Client name」(用戶端名稱) 中的用戶端設定對應。

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

查看傳入要求

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

要求 (collect?v=...) 應採用 1:1 的表示法,代表 Chrome 網路分頁顯示的內容。確認瀏覽器中顯示的內容相符,且伺服器容器接收的是正確的參數。

螢幕截圖:代碼管理工具收到的要求詳情

查看傳出要求

按一下任一「傳出 HTTP 要求」方塊,查看下列資訊:

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

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

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

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

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

偵錯標記

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

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

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

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

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

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

偵錯變數

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

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

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

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

偵錯事件資料

「事件資料」分頁會顯示事件的完整詳細資料,這項資料可用於設定「Variables」(變數) 分頁中的變數值。

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

控制台

「Console」(控制台) 分頁會顯示所有來自已觸發代碼的錯誤。記錄會包含每則錯誤訊息及其來源,例如無效的端點或目標 API 呼叫。

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