文档

VEC常见问题解答和常见问题

Last update: Mon May 05 2025 00:00:00 GMT+0000 (Coordinated Universal Time)

了解如何通过分析iframe挑战、混合内容和解决常见VEC问题，对Adobe Target可视化体验编辑器(VEC)进行故障排除。

描述 description

环境

Adobe Target

问题/症状

创建本文档是为了列出VEC故障诊断常见问题解答以及与Target VEC相关的一些常见问题。

解决方法 resolution

初步检查：

  1. 查询参数

    检查网站是否允许使用查询参数。 VEC会自动将以下查询参数附加到页面URL：mboxEdit=1 & mboxDisable=1。 在单独的选项卡中打开网站，并在末尾附加上述查询参数，并观察是否存在任何问题。 如果您的网站是： www.customerwebsite.com，请打开一个新选项卡并选中： www.customerwebsite.com?mboxEdit=1&mboxDisable=1

  2. 应允许混合内容

    如果您使用的是自定义活动内容(如JavaScript和CSS文件)，则应通过HTTPS而不是HTTP下载这些内容。

    参考文档在浏览器中启用混合内容

  3. 网页应可在iframe中访问。 通过转到jsbin并粘贴以下代码来检查网站是否支持iframe或阻止它们。 查看网站是否在iframe中打开。 将facebook.com替换为网站URL。

    code language-none 
    !DOCTYPE html    html    head    meta charset="utf-8"     meta name="viewport" content="width=device-width"      titleJS Bin/title     /head    body       iframe src="https://www.facebook.com" height="700";width="850"/iframe    /body    /html

  4. 可能会使用一种或多种iframe嵌套技术，以下列出了其中的少数技术：

  5. 基于JS的Iframe嵌套。 这可以通过各种JavaScript代码来完成。

    • 基本示例：

      code language-none 
      script
if(top != window) {
   body.style.display = none;
}
/script

有许多其他JavaScript iFrame Busting技术，您可以在此链接中看到最常使用的技术： Busting Frame Busting

  • 已下载以下Target JS脚本

    • target-vec.js
    • target-vec-helper.js

  • 如果DOM结构已更改，则VEC中可能会出现配置修改在VEC中不可见的错误。

    确定操作中断的选择器：在Console中，可以使用： _AT.querySelectorAll('<selector>')进行检查

    选择器配置的参考文档：https://experienceleague.adobe.com/docs/target/using/experiences/vec/vec-selectors.html?lang=zh-Hans

  • 处理页面上的重复ID：

    由于Target使用页面的选择器来创建和交付推荐，因此确保页面符合以下要点至关重要：

    • 使用类
    • 使用元素中存在的唯一属性
    • 检查选择器是否与唯一元素匹配
    • 从活动、选定等选择器中移除动态类名。

请确保元素未包含在iframe本身中，因为VEC会在iframe中加载内容，因此父iframe中的iframe将无法工作。

常见问题：

  1. 无法登录VEC中的在线银行以执行HTML编辑

    • Adobe Target VEC需要VEC Helper扩展才能加载页面。
    • 允许来自站点设置的不安全内容。
    • 将EEC设置为禁用。
    • 使用"浏览模式"导航到VEC中的页面
    • 单击 撰写 以进行更改。

  2. 触发器视图在VEC中不可用于创建修改

    • 该页面可能使用了不允许触发器视图可用的Service Worker。 以下是应对此方案的步骤：

      • 在VEC中加载页面后，请确保从页面交付中禁用EEC，禁用服务工作程序，并在VEC助手扩展中启用以下两个选项：插入Target库和Cookie。
      • 单击 浏览，然后单击 接受Cookie。
      • 单击VEC页面中的地址栏并按 Enter，以便页面在VEC中正确刷新。 视图名称应显示在叠加图中。
      • 确保页面上始终触发​ 触发器视图 ​函数。 仅当触发​ 触发器视图 ​函数时，视图才可用。

  3. 无法在VEC中访问授权的页面

    • 在VEC外部的浏览器中访问授权的页面。 然后，在同一窗口的 新浏览器 选项卡中访问Target中的页面。

  4. 无法在Target VEC中使用影子DOM访问页面

    • 确保页面使用的是最新的目标库
    • 确保先加载所有Web组件，然后再在VEC中访问页面

  5. 无法接受Cookie并在VEC中浏览网站

    • 访问VEC外部的Cookie浏览器。 然后，在同一窗口的 新浏览器 选项卡中访问Target中的页面。

此处还列出了更常见的VEC问题及其解决方案
可视化体验编辑器和增强型体验编辑器故障诊断

recommendation-more-help
3d58f420-19b5-47a0-a122-5c9dab55ec7f