与Visual Experience Composer相关的问题疑难解答

详细信息

在Target中打开网站时，mboxEdit=1添加两个参数（mboxDisable=1和Visual Experience Composer）。

如果您的网站（特别是单页应用程序）裁切参数，或者在从一个页面导航到另一个页面（不重新加载页面）时将参数实际删除，Target功能会中断并且Target库不会加载。

为避免出现此问题，请确保不要裁切掉或删除这两个参数。

详细信息

多个问题可能会影响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 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等信息的帧。

您必须使用新的Visual Editing Helper扩展将Target库插入到页面中，才能以最佳方式浏览页面。

详细信息

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