文件

針對單頁應用程式(SPA)的視覺化體驗撰寫器(VEC)問題進行偵錯

Last update: Tue Jul 16 2024 00:00:00 GMT+0000 (Coordinated Universal Time)

本文提供在Adobe Target中偵錯Visual Experience Composer (VEC)與單頁應用程式(SPA)相關問題的最佳作法。

說明 description

環境

Adobe Target

問題/症狀

適用於SPA的Adobe Target VEC充分利用​ 檢視 (視覺化元素的邏輯群組，共同構成SPA體驗)的新概念。

由於SPA不仰賴頁面載入時擷取選件這一事實，因此有幾項限制和必要條件：

  • SPA VEC不支援自動鎖定目標、自動個人化或建議活動。

  • at.js 2.0+和adobe.target.triggerView()函式必須實作於應用程式中，您才能使用SPA VEC。

  • 初始頁面載入的作業順序如下：

    載入 VisitorAPI JS "載入 at.js 2.x "執行 Target要求（預先擷取呼叫） "呼叫 triggerView()。

解決方法 resolution

在偵錯與SPA相關的VEC問題時，請確定以下事項：

  1. 確定已針對每個​ 檢視 ​引發adobe.target.triggerView()函式。

  2. 請確定您的頁面未修剪或移除引數： mboxEdit=1和mboxDisable=1

    在視覺化體驗撰寫器中開啟網站時，Target會新增兩個引數（mboxEdit=1和mboxDisable=1）。

    如果您的網站（特別是單頁應用程式）修剪我們的引數，或在從一個頁面導覽至另一個頁面時（而沒有重新載入頁面）將引數移除，Target功能會中斷，且Target資料庫不會載入。

  3. 尋找任何可能顯示在主控台記錄檔中的錯誤訊息。 例如，i框架會封鎖檢視載入可能會有問題。 常見的錯誤訊息為：

    code language-none 
    Uncaught DOMException: Blocked a frame with origin "https://view.customer-website.com" from accessing a cross-origin frame.
at https://www.adobe.com

  4. 在網路記錄中檢查目標檢視通知呼叫（具有204狀態的目標通知呼叫）。 如果通話被封鎖，則檢查狀態。

  5. 針對修改不再顯示在VEC中，而是顯示在修改面板中的問題，以及您無法從面板中刪除修改的問題，請確保​ 檢視 ​名稱中沒有結尾空格。

  6. 設定​ 檢視 ​名稱時要確保的其他詳細資料為：

    • 無結尾空格。
    • 不得為空白。
    • 所有頁面的​ 檢視 ​名稱應該是唯一的。
    • 檢視 ​名稱的開頭或結尾不能為/。 這是因為通常會從URL路徑中擷取檢視名稱。 對我們來說，home ​和​ /home ​是不同的。
    • 同一個檢視不應使用{page: true}選項連續觸發多次。
recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f