与Visual Experience Composer相关的问题疑难解答
在某些情况下,Adobe Target Visual Experience Composer (VEC)中有时会出现显示问题。
当我在Visual Experience Composer中打开我的网站时,Target库未加载。 (仅 VEC) section_8A7D3F4AD2CC4C3B823EE9432B97E06F
在Visual Experience Composer中打开网站时,Target添加两个参数(mboxEdit=1
和mboxDisable=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。 如果您无法使用浏览器扩展,请使用基于表单的体验编辑器。
-
为要在 VEC 中打开的 URL 添加 URL 规则,以便仅删除这些 URL 的标头。
-
在 VEC 中进行编辑时启用该规则,而在不使用 VEC 时禁用该规则。
- 在 VEC 中进行编辑时启用该规则,而在不使用 VEC 时禁用该规则。
要在Chrome或Firefox上使用Requestly扩展:
-
关闭Enhanced Experienced Composer。
-
在Chrome或Firefox上安装Requestly浏览器扩展。
-
打开该扩展程序,并执行以下操作以对其进行配置:
-
选择 Modify headers。
-
输入以下内容:
-
规则名称
-
修改规则
-
将 Add 切换为 Remove。
-
将 Request 切换为 Response。
-
输入“X-Frame-Options”作为标头名称。
-
重复执行上述步骤,输入“x-frame-options”作为标头名称。
note note NOTE 通过Requestly处理的标头区分大小写。 -
将 Equals 更改为 Contains 作为源URL的条件,并输入尝试在VEC中加载的活动的URL。
-
-
-
单击 Save。
您现在应该能够使用Visual Experience Composer快速加载页面。
要在Firefox上使用Modify Response Headers扩展:
- 在Firefox上安装Modify Response Headers并重新启动浏览器。
- 从Firefox扩展中,选择Modify Response Headers扩展。
- 单击 Preferences。
- 从Action下拉列表中选择 Filter。
- 在Header Name字段中,输入: X-Frame-Options。
- 重复步骤4和5以添加带有 x-frame-options 的筛选器。
- 单击 Add。
- 单击 Start。
设置扩展后,打开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.js或Adobe 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
属性可能会导致滚动问题或触发点击事件,这些事件可能会干扰创作菜单。