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

Google Chrome的Adobe Target Visual Experience Composer (VEC)Helper浏览器扩展允许您在VEC中可靠加载网站,以快速创作和QA Web体验。

注意

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

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

  • 网站具有严格的安全策略。
  • 网站位于 iframe 中。
  • 尚未在网站上实施 at.js 库。
  • 客户的 QA 和/或测试网站不适用于外部环境(网站为内部网站)。
  • 您正在使用Google Chrome 80+和增强的SameSite Cookie实施策略。 有关详细信息,请参阅最近发布的Google Chrome SameSite Cookie实施策略对VEC和EEC有何影响?

适用于 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. 导航到Chrome Web Store](https://chrome.google.com/webstore/detail/adobe-target-vec-helper/ggjpideecfnbipkacplkhhaflkdjagak)中的[Adobe Target VEC Helper浏览器扩展。

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

  3. 在Target中打开VEC。

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

  5. (视情况而定)如果网页尚未包含Target at.js JavaScript库,请将​插入目标库​切换到“on”位置。

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

    VEC 助手 1

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

    VEC 助手 2

  6. (视情况而定)将​Cookies​切换到“on”位置以自动添加SameSite=None属性浏览器修复,然后指定Cookie名称和域。

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

    以下链接提供了其他信息:

    • 有关SameSite=None属性浏览器修复的详细信息,请参阅“最近发布的Google Chrome SameSite Cookie实施策略如何影响VEC和EEC?” 在排除与Visual Experience Composer和Enhanced Experience Composer相关的问题中。

    • Cookie名称为“mbox”,Cookie域是您从中提供mbox的域的第二级和顶级。 由于这是来自您的公司域,所以此 Cookie 是第一方 Cookie。示例: mycompany.com. 有关详细信息,请参阅​Experience Cloud界面用户指南​中的Adobe Target Cookies

注释

  • 您的实施必须使用 Target at.js 库。不能将 mbox.js 实施与该扩展一起使用。

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

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

  • 该扩展可加载“管理”>“实施”中的Target UI提供的最新版at.js。

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

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

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

在此页面上