疑難排解Visual Experience Composer的相關問題

詳細資料

在Target中開啟網站時，mboxEdit=1新增兩個引數（mboxDisable=1和Visual Experience Composer）。

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

若要避免此問題，請確保您不會修剪或移除這兩個參數。

詳細資料

數個問題可能會影響Target體驗撰寫器中的頁面效能。 一些常見問題包括:

• 您的頁面上沒有 mbox。
• 您的網站使用 Proxy 封鎖，它不允許在這兩個體驗撰寫器中開啟頁面。
• 您的網站不允許在 iFrame 中開啟網站本身。

如果Enhanced Experience Composer發生問題，請嘗試關閉Enhanced Experience Composer並改用Visual Experience Composer。

若要停用Enhanced Experience Composer，請前往​Administration > Visual Experience Composer​並關閉​ Enable Enhanced Experience Composer ​選項。

有些使用者在主控台中看見下列錯誤訊息:

如果Visual Experience Composer和Enhanced Experience Composer都無法運作，請使用瀏覽器擴充功能，例如Requestly （Chrome或Firefox）或Modify Response Headers (Firefox)，此擴充功能可覆寫網站的X-Frames標頭選項，並允許這些選項載入iFrames中，以啟用VEC。 如果您無法使用瀏覽器延伸模組，請使用表單式體驗撰寫器。

note note
NOTE
除了下列資訊外，您還可以為Adobe Target Visual Editing Helper使用副檔名Google Chrome。

note note
NOTE
這些外掛程式僅應用於 VEC 編輯環境中。
對於Requestly擴充功能，每當需要移除標題時，您應該執行下列其中一項作業：
為要在 VEC 中開啟的 URL 新增 URL 規則，如此一來，便僅有那些 URL 的標頭會移除。 在 VEC 中編輯時啟用規則，並在不使用 VEC 時停用規則。
對於Modify Response Header副檔名(Firefox)，因為您無法新增URL規則，所以必須執行下列動作：
在 VEC 中編輯時啟用規則，並在不使用 VEC 時停用規則。

若要在Requestly或Chrome上使用Firefox延伸模組：

1. 關閉Enhanced Experienced Composer。

2. 在Requestly或Chrome上安裝Firefox瀏覽器延伸模組。

3. 開啟擴充功能並使用下列項目來設定它:

4. 選取​Modify headers。

5. 輸入下列:

   • 規則名稱

   • 修改規則

     • 將​ Add ​切換為​Remove。

     • 將​ Request ​切換為​Response。

     • 輸入 "X-Frame-Options" 作為標頭名稱。

     • 重複先前的步驟並輸入 "x-frame-options" 作為標頭名稱。

       note note
       NOTE
       透過Requestly處理的標頭須區分大小寫。

     • 將​ Equals ​變更為​ Contains ​作為來源URL的條件，並輸入您嘗試在VEC中載入之活動的URL。

     

6. 按一下 Save。

   

   您現在應該能夠使用Visual Experience Composer快速載入頁面。

若要在Modify Response Headers上使用Firefox延伸模組：

1. 在Modify Response Headers上安裝Firefox並重新啟動瀏覽器。
2. 從您的Firefox擴充功能中，選取Modify Response Headers擴充功能。
3. 按一下 Preferences。
4. 從​ Filter ​下拉式清單中選取Action。
5. 在Header Name欄位中，輸入： X-Frame-Options。
6. 重複步驟4和5，新增具有​ x-frame-options ​的篩選器。
7. 按一下 Add。
8. 按一下 Start。

設定擴充功能後，請開啟Target。 您的頁面現在應在Visual Experience Composer中載入，即使Enhanced Experience Composer已停用。

詳細資料

• 最新版本的擴充功能可確保與VEC的最佳相容性： Adobe Experience Cloud Visual Editing Helper extension。

  若要確認您是否使用最新版本，請前往Extensions > Manage Extensions，然後按一下Details。

• Visual Experience Composer需要編寫程式庫，才能在網頁上執行修改。 這些程式庫內嵌於at.js程式庫中，並在每次使用VEC時由擴充功能從Adobe伺服器下載。

  無論at.js或Adobe Experience Platform Web SDK是否已包含在頁面中，擴充功能都會下載at.js資料庫。

  確保未將無效的變更新增到Administration > Implementation區段中設定的at.js標頭。

• 確保網頁內嵌於iFrame中時，不會封鎖載入的必要請求。 這包括使用frame-ancestors CSP指示詞或內嵌在客戶網站中的自訂JS程式碼、meta HTML標籤或x-frame-options標頭。

• 請確認網頁的Javascript不會干擾編寫程式庫。 請勿使用或包含使用下列保留名稱的檔案：

  • target-vec-helper.js

  • target-vec.js

  • target.js

  • admin.css

  • sizzle.js

  • mixContentCheck.html

    此外，意外覆寫這些檔案中定義的變數或事件可能會導致VEC發生問題。

• 瀏覽器正在封鎖安全網站上不安全的頁面。

  按一下瀏覽器位址列URL左側的圖示，然後按一下​Disable protection on this page

• 您輸入了無效的 URL。

• 如果您的網站無法在VEC中載入，或發生意外行為，可能的修正是在嘗試在Target中載入網站之前，先在瀏覽器中接受您網站上的Cookie。

詳細資料

使用Browse模式時，如果您存取的URL未實作Target資料庫(at.js或Adobe Experience Platform Web SDK)或包含frame-buster標頭，VEC會顯示為損毀。 由於瀏覽器安全性的顧慮，Target無法正確存取您導覽到的URL，或如果頁面載入，VEC URL無法一致更新。

發生此問題的原因是VEC在<iframe>中載入網頁。 由於相同來源原則，瀏覽器的目前安全性機制導致Target UI無法存取指定框架的專案。 瀏覽器會封鎖嘗試存取具有不同來源且包含location.href等資訊之框架的Script。

您必須使用新的Visual Editing Helper擴充功能，將Target資料庫插入頁面，才能以最佳方式瀏覽頁面。

詳細資料

驗證在編輯器中載入網頁時，是否有任何可能影響可見性的CSS檔案。 例如，在頁面本文上使用overflow: hidden屬性可能會導致捲動問題或觸發點選事件，這些事件可能會干擾編寫功能表。