疑難排解相關問題 Visual Experience Composer

顯示問題有時發生在 Adobe Target Visual Experience Composer (VEC)在一定條件下。

當我在 Visual Experience Composer,則 Target 程式庫不載入。 (僅限 VEC) section_8A7D3F4AD2CC4C3B823EE9432B97E06F

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

如果您的網站(特別是單頁應用程式)在從一個頁面導覽至另一個頁面時(而沒有重新載入頁面),修剪引數或實際上將引數移除, 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),或修改可覆寫網站X-Frames標題選項並允許載入iFrames中的回應標題(Firefox),進而啟用VEC。 如果您無法使用瀏覽器擴充功能,請使用 表單式體驗撰寫器.

NOTE
除了下列資訊外,您還可以使用 Adobe Target Visual Editing Helper 副檔名 的 Google Chrome.
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. 輸入下列:

    • 規則名稱

    • 修改規則

      • 切換 AddRemove.

      • 切換 RequestResponse.

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

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

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

      chrome_extension圖片

  6. 按一下 Save

    requestly影像

    您現在應該可以使用快速載入頁面 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

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程式庫中,並由中的擴充功能下載 Adobe 伺服器。

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

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

  • 確保網頁內嵌於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中載入,或行為發生意外,潛在的修正措施是先在瀏覽器中接受您網站上的Cookie,然後再嘗試在中載入網站 Target.

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

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

發生此問題是因為VEC在中載入網頁 <iframe>. 目前瀏覽器的安全機制防止 Target UI無法存取指定框架元素,因為相同來源原則。 瀏覽器會封鎖嘗試存取具有不同來源且包含 location.href.

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

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

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

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