文档

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

Last update: Tue Apr 16 2024 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中访问。 的问题。您可以转到以下位置检查客户网站是否支持iframe或阻止它们 jsbin 并粘贴以下代码，查看客户网站是否在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技术，您可以在此链接中看到最常用的技术： 爆帧爆破

  • 下载以下Target JS脚本

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

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

    了解 — 操作已中断的选择器：在控制台中，您可以使用以下内容检查： _AT.querySelectorAll('< 选择器> ')

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

  • 处理页面上的重复ID：

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

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

由于VEC在iframe中加载内容，因此父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