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

顯示在某些情況下,有時候會在Adobe Target Visual Experience Composer (VEC)中發生問題。

當我在Visual Experience Composer中開啟我的網站時,Target資料庫未載入。 (僅限 VEC) section_8A7D3F4AD2CC4C3B823EE9432B97E06F

在Visual Experience Composer中開啟網站時,Target新增兩個引數(mboxEdit=1mboxDisable=1)。

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

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

我的頁面不會在 EEC 中開啟,或載入緩慢。活動或體驗在 VEC 中載入緩慢。(僅限 VEC) section_71E7601BE9894E3DA3A7FBBB72B6B0C1

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

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

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

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

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

Console 錯誤訊息

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

NOTE
除了下列資訊外,您還可以為Google Chrome使用Adobe Target Visual Editing Helper副檔名
NOTE
這些外掛程式僅應用於 VEC 編輯環境中。
對於Requestly擴充功能,每當需要移除標題時,您應該執行下列其中一項作業:
  • 為要在 VEC 中開啟的 URL 新增 URL 規則,如此一來,便僅有那些 URL 的標頭會移除。

  • 在 VEC 中編輯時啟用規則,並在不使用 VEC 時停用規則。

對於Modify Response Header副檔名(Firefox),因為您無法新增URL規則,所以必須執行下列動作:
  • 在 VEC 中編輯時啟用規則,並在不使用 VEC 時停用規則。

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

  1. 關閉Enhanced Experienced Composer。

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

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

  4. 選取​ Modify headers

  5. 輸入下列:

    • 規則名稱

    • 修改規則

      • 將​ Add ​切換為​ Remove

      • 將​ Request ​切換為​ Response

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

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

        note note
        NOTE
        透過Requestly處理的標頭須區分大小寫。
      • 將​ Equals ​變更為​ Contains ​作為來源URL的條件,並輸入您嘗試在VEC中載入之活動的URL。

      chrome_extension影像

  6. 按一下 Save

    要求影像

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

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

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

Firefox擴充功能

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

我的頁面未在 VEC 中顯示 (僅限 VEC) does-not-load

  • 最新版本的擴充功能可確保與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程式碼、中繼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。

當我使用瀏覽模式時,VEC 似乎損毀。(僅限 VEC) section_FA2A18E8FD6A4274B2E395DBAA2FB407

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

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

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

Visual Experience Composer中的CSS衝突所造成的問題

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

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654