与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。
  • 您的网站使用了代理阻止,该功能不允许在任一体验编辑器中打开页面。
  • 您的网站不允许在 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)或修改响应标头(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代码、metaHTML标记或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),或者包含帧阻止标头,则VEC显示为已损坏。 由于浏览器安全问题,Target无法正确访问您导航到的URL,或者如果页面加载,VEC URL不会一致更新。

出现此问题的原因是VEC在<iframe>中加载了网页。 由于相同源策略,浏览器的当前安全机制阻止Target UI访问给定帧的元素。 浏览器阻止脚本尝试访问具有不同来源且包含location.href等信息的帧。

您必须使用新的Visual Editing Helper扩展(推荐)或旧扩展将Target库插入到页面中,才能以最佳方式浏览页面。

Visual Experience Composer中的CSS冲突导致的问题

验证在编辑器中加载网页时是否有任何可能影响可见性的CSS文件。 例如,在页面正文中使用overflow: hidden属性可能会导致滚动问题或触发点击事件,这些事件可能会干扰创作菜单。

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