可视化体验编辑器 (VEC)

有关在Adobe Target中使用Visual Experience Composer (VEC)的信息。

VEC是一个WYSIWYG用户界面，可让您轻松地在站点上下文中创建和测试个性化体验和选件。 您可以通过拖放、交换和修改网页（或选件）或移动网页的布局和内容来为 Target 活动创建体验和选件。

VEC 是 Adobe Target 的主要功能之一。通过 VEC，营销人员和设计人员可以使用可视化界面创建和更改内容。无需直接编辑代码，便可进行多种设计选择。使用编辑器提供的编辑选项也可以编辑 HTML 和 JavaScript。

在目标​ Administration > Visual Experience Composer ​选项卡上，您可以输入默认可视化体验编辑器URL。

此 URL 可确定您打开 VEC 时的起始位置。如果您没有输入默认 URL，则当您打开编辑器时，首先会打开一个空白页面，然后需指定一个 URL。

无法在 VEC 中修改页面上 iframe 中的内容。要编辑 iframe 中的内容，请确保 iframe 文档已启用 Target，然后在 VEC 中加载该 iframe URL。

您可以使用页面顶部的下拉菜单来查看您的页面，因为它会显示给不同的受众或具有不同的体验。您可以在第二个下拉列表中为每个体验提供一个名称。例如，如果您要测试导航栏中主页链接的位置，则可以将主页链接显示在最前面的体验命名为诸如“主页链接”之类的名称，以便轻松地在列表中识别体验。

当您在页面上移动鼠标时，上下文相关的框会跟随光标，高亮显示页面上的元素。

单击​ Overlays ​图标可更改高亮显示的方式。 例如，你可以选择仅高亮显示图像、链接、区域 mbox、修改或 JavaScript。您可以更改高亮显示的颜色。您还可以指定高亮显示颜色和用于高亮显示不同元素类型的填充类型。

单击高亮显示的元素可查看可用于该元素类型的选项菜单。例如，您可以单击图像并选择​ Edit > Text/HTML ​以更改文本，或单击按钮以更改背景颜色。 您可以使用页面左上角的按钮来打开和关闭叠加。

您还可以单击​ Browse，然后导航到可从主页面访问的某个页面（如送货页面或购物车），然后测试该页面上的更改。 您也可以访问悬停鼠标时显示的页面元素，例如弹出菜单和迷你购物车。浏览到页面后，单击​ Compose ​编辑体验。 例如，您可能想要更改购物车下拉列表或一组图像的设计。

有关 VEC 中可用选项的信息，请参阅可视化体验编辑器选项。

您可以在页面加载时（或在页面加载失败后）对页面执行某些修改，也可以在 VEC 中取消页面加载。有关详细信息，请参阅：

在页面加载时或页面加载失败后编辑页面 loading

在 VEC 中加载页面之前，或者即使页面无法完全加载（例如，自定义代码不再可操作），您可以执行许多操。

在 VEC 中加载页面或页面加载失败后，您想要访问或编辑页面的一些原因：

在页面加载时（或页面加载失败后），Experiences面板、Modifications面板和体验顶部的设置（叠加、修改、配置等）均可访问。

下图显示，您可以在页面加载时插入自定义代码或执行其他操作：

在VEC中取消页面加载 cancel-loading

您可以在 VEC 中取消页面加载以解锁活动的编辑，而无需等待页面加载完成。此功能可节省时间，并且可帮助您更有效地进行简单的编辑或插入自定义代码，而无需等待 VEC 中的页面加载完成。

可能需要在 VEC 中取消页面加载的一些原因包括：

在 VEC 中取消页面加载之后，您可以在活动中的体验之间进行切换，而无需等待页面加载完成。若要再次查看VEC中的页面，必须单击​ Reload ​按钮。

要在VEC中取消页面加载，请在页面加载时单击​ Cancel Loading ​按钮。 在当前编辑会话期间，页面不会在此活动的 VEC 中加载。

要继续管理当前活动中的体验或添加新的修改，必须单击​ Reload ​按钮。

培训视频

以下视频包含有关本文中所讨论概念的详细信息。

可视化体验编辑器（第1个，共2个） (7:17)

可视化体验编辑器（第2个，共2个） (7:29)

办公时间：可视化体验编辑器

此视频是“办公时间”的录像，“办公时间”是 Adobe 客户关怀团队发起的一项计划。