对与可视化体验编辑器和增强型体验编辑器有关的问题进行故障诊断

在某些情况下,在Adobe Target可视体验书写器(VEC)和增强体验书写器(EEC)中有时会出现显示问题和其他问题。

最近发布的Google Chrome SameSite cookie实施策略对VEC和EEC有何影响?

使用Chrome 80+浏览器版本的所有用户,通过最新更改(2020年8月):

  • ​能够在其站点的受密码保护的页面中使用VEC(安装或未启用VEC Helper扩展)。 这是因为他们的站点登录Cookie将被视为第三方Cookie,并且不会随登录请求一起发送。 唯一的例外情况是客户站点登录Cookie已将SameSite参数设置为“none”。
  • 在编辑活动时(当站点上尚未提供库时),是否​能够下载Target库。 这是因为下载调用是从客户域向安全Adobe域发出的,并且作为未验证而被拒绝。
  • EEC将​​对所有用户起作用,因为它无法为adobemc.com domain上的cookie设置SameSite属性。 如果没有此属性,浏览器将拒绝这些Cookie,导致EEC失败。

Adobe已将更新的VEC帮助程序扩展提交到Google Chrome商店。 此扩展覆盖cookie属性以根据需要设置SameSite="none"属性。 更新的扩展可在此找到。 有关安装和使用VEC Helper Extension的详细信息,请参阅Visual Experience Composer帮助程序扩展

对于您自己的网站Cookie,您必须按名称指定Cookie。 将Cookie滑块切换到开启位置,然后按名称和cookie域指定cookie。 Cookie名称为“mbox”,Cookie域是您为mbox提供服务的域的第二级和顶级。 由于这是来自您的公司域,所以此 Cookie 是第一方 Cookie。示例: mycompany.com. 有关详细信息,请参阅​Experience Cloud界面用户指南​中的Adobe TargetCookie

Cookie在VEC帮助程序扩展中切换

备选方案和解决办法

使用以下选项之一确保您的VEC和EEC继续按预期工作:

  • 下载并使用更新的VEC Helper extension

  • 使用Mozilla Firefox浏览器。 Firefox尚未执行此政策。

  • 继续使用Chrome,但将chrome://flags/#same-site-by-default-cookies标志设置为“Disabled”。

    注意

    如果Cookie已将服务器的SameSite属性设置为“Lax”或“Strict”,则这将不足以​**。

Target 是否支持多级 iframe?

Target 不支持多级 iframe。如果您的网站加载的 iframe 具有子 iframe,则 Target 库(at.js 和 mbox.js)仅与父 iframe 进行交互。Target 库不会与子 iframe 进行交互。

作为解决方法,您可以在体验中添加一个页面,其中包含子 iframe 的 URL。

我在尝试编辑页面时,看到的只是一个旋转图标而不是我的页面。(VEC 和 EEC)

如果 URL 包含 # 字符,则会出现此问题。要解决此问题,请在可视化体验编辑器中切换到“浏览”模式,然后再切换回“撰写”模式。此时,旋转图标应当消失,页面应会加载。

我网站上的内容安全策略 (CSP) 标头会阻止 Target 库。(VEC 和 EEC)

如果您网站的 CSP 标头会阻止 Target 库,从而导致加载了网站却无法进行编辑,则请确保 Target 库不受阻止。

注意

除了以下信息外,您还可以使用适用于 Google Chrome 的 Adobe Target VEC 助手浏览器扩展

作为解决方法,您可以配置 Requestly 规则以删除 CSP 标头,如下所示:

您可以为导致资源无法在 VEC 中加载的任何标头配置类似的 Requestly 规则。

对于 Requestly,每当需要删除标头时,您都应该执行以下任一操作:

  • 为要在 VEC 中打开的 URL 添加 URL 规则,以便仅删除这些 URL 的标头。
  • 在 VEC 中进行编辑时启用该规则,而在不使用 VEC 时禁用该规则。

重新编辑保存的活动时,VEC 或 EEC 显示为已损坏或未初始化。(VEC 和 EEC)

如果在定义体验后网站在可视化体验编辑器外部进行了更改,则在打开活动以进行重新编辑时,将无法找到之前执行操作时所用的选择器。页面会显示为已损坏,且不会出现任何警告。

VEC 或 EEC 不显示我的旋转横幅以及其他包含 JavaScript 的内容。(VEC 和 EEC)

默认情况下,可视化体验编辑器会阻止 JavaScript 元素。如果在可视化体验编辑器设置中禁用 JavaScript,则可以使用这些元素。根据网站的设置方式,某些项目可能会继续以不正确方式显示或仍然不可用。

后续重新加载页面时,我托管的 target.js 文件加载失败。(VEC 和 EEC)

当客户使用的 mbox.js 版本低于 57(即,使用版本 56 或更低版本)时,会出现此问题。

我们建议所有 VEC 用户升级到 mbox.js 的最新版本,或至少升级到版本 57。您还应该考虑转换到 at.js

我在页面上更改一个元素时,多个元素会发生更改。(VEC 和 EEC)

如果页面上的多个元素使用相同的 DOM 元素 ID,则更改其中一个元素会导致具有该 ID 的所有元素都发生更改。为防止这种情况发生,一个 ID 只应在每个页面上使用一次。这是标准的 HTML 最佳实践。有关更多信息,请参阅页面修改方案

我无法编辑防 iFrame 嵌套网站的体验。(VEC 和 EEC)

启用增强型体验编辑器即可解决此问题。单击​管理 > 可视体验书写器,然后选中启用增强体验书写器的复选框。 增强型体验编辑器使用 Adobe 管理的代理来加载页面以进行编辑。这允许在防 iFrame 嵌套的网站,以及尚未添加 Adobe Target 代码的网站和页面上进行编辑。在添加代码之前,活动不会向网站交付内容。有些网站可能无法通过增强型体验编辑器来加载,在这种情况下,您可以取消选中此选项以通过 iFrame 加载可视化体验编辑器。[]

注意

Adobe 代理服务器无法访问本地托管页面或在您的网络外部不可访问的页面,这些页面无法在 EEC 中打开。这些页面可能包括测试 URL、用户验收测试 (UAT) URL 或本地托管页面。

我想在尚未完成 mbox/Target 实施的页面上设置测试。(VEC 和 EEC)

请参阅上面的“我无法编辑防 iFrame 嵌套网站的体验”。

我的页面上不会显示使用“编辑文本/HTML”或“更改文本/HTML”设置的粗体和斜体文本样式。有时,在应用这些样式更改后,文本会消失。(VEC 和 EEC)

如果您在可视化体验编辑器中对 A/B 活动或体验定位活动使用​编辑文本/HTML,或者对自动个性化活动或多变量测试活动使用​更改文本/HTML,以使文本变为粗体或斜体,则这些样式可能不会在页面上应用,或者文本会从可视化体验编辑器内的页面中消失。这是因为富文本编辑器应用这些样式的方式可能会影响网站标记。

如果您遇到此问题:

  1. 单击富文本编辑器中的 HTML 按钮以进入源编辑模式。

  2. 找到样式文本元素。

    • 对于粗体文本,请将 <strong> 元素更改为 <b>

    • 对于斜体文本,请将 <em> 元素更改为 <i>

对于自动个性化活动,VEC 或 EEC 中的图像交换显示为已中断。(VEC 和 EEC)

向某个位置添加图像选件会占据 VEC 或 EEC 中原始图像空间的整个大小范围。在交付时,图像不会展开,而是会按原样显示,这样便不会影响交付。

在此页面上