可视化体验编辑器助手扩展

的 Adobe Target 可视化体验编辑器 (VEC)适用于Google Chrome的助手浏览器扩展允许您在VEC内可靠地加载网站,以快速创作和QA Web体验。

注意

VEC助手浏览器是一个Chrome扩展程序。 使用Mozilla Firefox时,不需要进行此扩展。

某些网站可能无法在VEC中可靠打开的原因

  • 网站具有严格的安全策略。
  • 网站位于 iframe 中。
  • 尚未在网站上实施 at.js 库。
  • 客户的 QA 和/或测试网站不适用于外部环境(网站为内部网站)。
  • 在尝试使用 VEC 打开使用 Service Worker (SW) 的网站时,目前存在一些限制。

SW 是一种 Web 技术,可用于拦截对网页所安装的域的请求。SW 在页面访问中留存,并在后续访问中自我激活。SW 可以决定哪些请求将通过,哪些请求被拦截并从缓存中提供服务。

SW 可以控制缓存;可以缓存网页本身、静态资源(例如 JS、CSS、IMG、AJAX 请求)、它们的内容和响应头,包括我们的 Target VEC Helper 扩展尝试删除的项,例如 X-Frame-Options:SAMEORIGIN、CSP (Content-Security-Policy) 或 Set-Cookie。

不幸的是,拦截 Web 请求的 Chrome 扩展 API 不会收到已由 SW 拦截和处理的请求。因此,如果网页请求是由 SW 从缓存中提供的,则扩展无法修复标头和 Cookie,因为网页将不会在 VEC 中加载(原因是,X-Frame-Options 或 CSP 标头也已被缓存)。

作为一种潜在的解决方法,您可以从 Chrome 的“开发人员工具”>“应用程序”选项卡中禁用 Service Worker,然后选中“Service Workers”部分下的“绕过网络”复选框。

适用于 Chrome 的 VEC 助手浏览器扩展可以解决网站加载问题,目前,客户依赖于 Target 增强型体验编辑器或第三方扩展(例如 Requestly)来解决该问题.

使用VEC助手扩展的好处

  • 将从网站中隐式删除所有 iframe 嵌套标头(例如 X-Frame-Options 和 Content-Security-Policy)。不再需要创建复杂的Requestly规则。

  • 如果网页尚未包含 Target at.js JavaScript 库,您可以使用该扩展来插入库,这样您便可以为该网站创作体验。然后,您可以创建活动并使用预览链接进行 QA。

    请注意,使用增强型体验编辑器(EEC),扩展不会插入at.js,但仍然存在SameSite Cookie功能。 要在网页上注入at.js,请关闭EEC。

  • 移动设备视区 即使没有 增强型体验编辑器 (EEC)。

  • 对于 Target 的新客户,即便在其 IT 开发人员尚未在其网站上实施 Target 的情况下,也可以使用此扩展来试用 Target。

  • 服务于多个客户网站和 Target 帐户的合作伙伴现在有一个简单的机制来支持 VEC 加载,而不用通过第三方工具管理多个规则。

获取并安装 VEC 助手浏览器扩展

  1. 导航到 Adobe Target Chrome网上应用店中的VEC助手浏览器扩展.

  2. 单击​添加到 Chrome > 添加扩展

  3. 在中打开VEC Target.

  4. 要使用此扩展,请在处于 VEC 或 QA 模式时,单击 Chrome 浏览器工具栏中的 VEC 助手浏览器扩展图标 (VEC 助手图标)。

  5. (视情况而定)将 插入Target库 如果网页尚未包含 Target at.js JavaScript库。

    下图显示了已启用插入 Target 库设置的 VEC 助手:

    VEC 助手 1

    下图显示,VEC 助手询问您是否希望它在页面中插入 Target 库以启用创作功能:

    VEC 助手 2

  6. (视情况而定)将 Cookie 切换到“开”位置,以自动添加 SameSite=None 属性浏览器修复。

    Cookie在VEC助手扩展中切换

    有关 SameSite=None 属性浏览器修复,请参阅“最近宣布的Google Chrome SameSite Cookie实施策略对VEC和EEC有何影响?” (在排除与可视体验编辑器和增强体验编辑器相关的问题中)。

注释

  • 默认情况下,扩展中的插入 Target 库标志处于“关”状态。如果要在尚未针对 Target 实施的网站上使用 VEC,则可以启用此标志。

    此标记是全局设置。 可以为在 VEC 中打开的所有网站启用或禁用此标志。例如,如果您将此标记设置为“on”并打开一个已通过at.js实施的网站,您将收到一条消息,告知您at.js已加载。 Adobe预计大多数客户已在其页面上实施at.js,并使用默认设置“off”。

  • 该扩展加载最新版本的at.js,该版本可从 Target UI in 管理>实施.

  • 当在 QA 模式下使用扩展插入 at.js 时,必须打开另一个 Chrome 选项卡。此 Chrome 选项卡必须通过您创建该活动的同一 Adobe Experience Cloud 组织的身份验证。

  • 以下消息有助于您随时了解以下情况:

    • 如果尝试使用未能加载的 VEC 来加载网站,则会显示一则消息,建议您安装 VEC 助手浏览器扩展。
    • 如果尚未在网站上实施 at.js,则 VEC 中会显示一则消息,建议您安装扩展。
    • 如果扩展已启用并且正在为加载提供支持,则当扩展插入 at.js 库(如果需要),或帮助在 VEC 中可靠地打开网站时,将显示消息。

在此页面上