使用Experience Platform Debugger驗證Web SDK實作
了解如何使用 Adobe Experience Platform Debugger 驗證您的 Adobe Experience Platform Web SDK 實施。
Experience Platform Debugger是適用於Chrome和Firefox瀏覽器的擴充功能，可協助您檢視在網頁中實作的Adobe技術。 下載您偏好瀏覽器的版本：
如果您以前從未使用過除錯程式，您可以觀看這段5分鐘的概述影片：
在本課程中，您將使用 Adobe Experience Platform Debugger延伸模組 取代 Luma示範網站 擁有您自己的屬性。
此技巧稱為環境切換，您日後在自己的網站上使用標籤時，此技巧將有所幫助。 它可讓您在瀏覽器中載入您的生產網站，但使用 開發 標籤庫。 此功能可讓您安心地變更及驗證標籤，而不受定期程式碼發行的影響。 畢竟，將行銷標籤發行與定期程式碼發行分開，是客戶使用標籤的主要原因之一！
學習目標
在本課程結束時，您將能夠使用除錯工具：
- 載入替代標籤程式庫
- 驗證使用者端XDM事件是否如預期擷取及傳送資料給PlatformEdge Network
- 啟用Edge Trace以檢視平台Edge Network傳送的伺服器端請求
先決條件
您熟悉資料收集標籤和 Luma示範網站 並完成本教學課程中的先前課程：
使用Debugger載入替代標籤程式庫
Experience PlatformDebugger有一種很酷的功能，可讓您使用其他標籤程式庫取代現有的標籤程式庫。 此技巧對於驗證相當實用，可讓我們略過本教學課程中的許多實作步驟。
-
確定您擁有 Luma示範網站 開啟並選取Experience Platform Debugger擴充功能圖示
-
Debugger將會開啟並顯示硬式編碼實作的一些詳細資料（您可能需要在開啟Debugger後重新載入Luma網站）
-
確認Debugger為"已連線至Luma"，如下圖所示，然後選取"鎖定」圖示可將Debugger鎖定至Luma網站。
-
選取 登入 按鈕並使用您的AdobeID登入Adobe Experience Cloud。
-
現在，移至 Experience Platform標籤 在左側導覽列中
-
選取 設定 標籤
-
在它顯示的右側 頁面內嵌程式碼，開啟 動作 下拉式清單，然後選取 取代
-
由於您已通過驗證，Debugger將會提取您可用的標籤屬性和環境。 選取您的屬性
-
選取您的
Development環境 -
選取 套用 按鈕
-
Luma網站現在將重新載入 使用您自己的標籤屬性.
繼續進行教學課程的過程中，您會使用此技巧將Luma網站對應至您自己的標籤屬性，以驗證您的Platform Web SDK實作。 在您自己的網站上使用標籤時，您可以使用這種相同的技巧，來驗證生產環境網站上的開發標籤程式庫。
使用Experience Platform偵錯工具驗證使用者端網路請求
您可以使用Debugger驗證從Platform Web SDK實作觸發的使用者端信標，以檢視傳送至PlatformEdge Network的資料：
-
前往 摘要 在左側導覽中，檢視標籤屬性的詳細資訊
-
現在，移至 Experience PlatformWeb SDK ，以檢視 網路要求
-
開啟 事件 列
-
請記下您能如何檢視
web.webpagedetails.pageView您在「 」中指定的事件型別 更新變數 動作，以及其他附加在上的現成可用變數AEP Web SDK ExperienceEvent欄位群組
-
向下捲動至
web物件，選取以開啟物件並檢查webPageDetails.name，webPageDetails.server、和webPageDetails.siteSection. 它們應該與對應的digitalData首頁上的資料層變數
digitalData 首頁上的資料層：- 在Luma首頁上，開啟瀏覽器開發人員工具。 如果是Chrome，請選取「 」按鈕
F12在您的鍵盤上 - 選取 主控台 標籤
- 輸入
digitalData並選取Enter在鍵盤上以顯示資料層值
您也可以驗證「身分對應」詳細資料：
-
使用憑證登入Luma網站
test@adobe.com/test -
返回 Luma 首頁
-
開啟 Experience PlatformWeb SDK 左側導覽中的區段
-
選取 事件 列以在快顯視窗中開啟詳細資訊
-
搜尋 identityMap 在快顯視窗中。 您應在此看到
lumaCrmId包含authenticatedState、id和primary的三個金鑰：
使用瀏覽器開發工具驗證使用者端請求
這些型別的請求詳細資訊也會顯示在瀏覽器的網頁開發人員工具中 網路 標籤（假設網站正在載入您的標籤庫）。
-
開啟瀏覽器的網頁開發人員工具 網路 標籤並重新載入頁面。 篩選呼叫，使用
/ee若要尋找呼叫，請選取該呼叫，然後檢視 標頭 標籤，和 裝載 標籤
-
前往 回應 標籤，並記下ECID值如何包含在回應中。
note note NOTE ECID值會顯示在網路回應中。 但不包含在 identityMap網路請求的一部分，也不會以此格式儲存在Cookie中。
使用Experience Platform偵錯工具驗證伺服器端網路要求
如您所知， 設定資料串流 課程，Platform Web SDK會先將您數位財產的資料傳送至PlatformEdge Network。 然後，平台Edge Network會對資料流中啟用的對應服務發出其他伺服器端請求。 您可以在Debugger中使用Edge Trace來驗證PlatformEdge Network所提出的伺服器端請求。
啟用邊緣追蹤
若要啟用邊緣追蹤：
-
在左側導覽列中 Experience Platform偵錯工具 選取 記錄檔
-
選取 Edge 標籤，然後選取 連線
-
目前為空白
-
重新整理 Luma首頁 並勾選 Experience Platform偵錯工具 再次強調，可檢視資料流入。
此時，您無法檢視任何傳送至Adobe應用程式的平台Edge Network請求，因為您尚未啟用資料流中的任何請求。 在未來的課程中，您將使用Edge Trace來檢視用於Adobe應用程式和事件轉送的傳出伺服器端請求。 但首先，瞭解另一個用於驗證PlatformEdge Network所提出伺服器端請求的工具 — Adobe Experience Platform Assurance！