可视化体验编辑器选项
Adobe Target Standard/Premium 25.2.1版本（2015年2月17日）引入了更新的可视化体验编辑器 (VEC)。 本文介绍了已更新的UI及其选项。
创建或编辑现有活动时将显示VEC。
VEC UI概述
以下部分说明更新后的VEC中为A/B测试活动提供的选项。 选项因活动类型而异。
体验边栏
体验边栏显示在VEC的左边栏中。
您可以使用体验边栏查看、创建、重命名或删除体验。
体验边栏中提供了以下选项：
- 查看体验：要查看体验，请单击所需的体验以在设计画布中显示。
- 添加体验：单击 添加 图标（
- 重命名体验：单击 重命名 图标（
- 复制、删除或重定向体验：单击 更多操作 图标（
活动设置/配置 settings
单击设计画布顶部显示的配置图标（
以下选项可供选择：
- 属性：将属性分配给活动或从活动中移除属性。 属性是(Target Premium功能。 有关更多信息，请参阅企业用户权限。
- 页面交付：在您的网站上类似的页面上包含相同体验。 使用页面模板为您的页面提供结构，或者如果页面包含类似的元素，则使用类似的结构化页面元素或跨整个域测试变体。 有关详细信息，请参阅在相似页面上包含相同体验。
- 站点首选项：配置您的站点首选项以指定Target生成CSS选择器的方式。 有关详细信息，请参阅配置可视化体验编辑器中的CSS选择器。
- 添加其他页面：将其他页面添加到活动以创建多页面活动，该活动允许您使用特定于每个页面的设计跨多个页面创建故事。 有关详细信息，请参阅多页面活动。
- 单个受众：对该活动使用单个受众。
- 多个受众：为活动分配多个受众。 单击“添加受众”图标（
设计/浏览模式
使用显示在设计画布顶部的设计/浏览切换功能，在设计模式和浏览模式之间切换。
使用浏览模式浏览您的网站并选择您要更新的视图或页面。 切换回设计模式以添加或编辑更改。
撤消/重做
您可以通过单击撤消图标（
VEC中的
要重做操作，请展开撤消/重做按钮组，然后选择重做。
组件边栏
您可以向网页添加许多组件，并根据需要使用新的组件边栏编辑它们。
要向体验添加新组件，请执行以下操作：
修改边栏
要打开修改边栏，请单击组件边栏中的显示修改图标（
修改边栏显示已在可视化体验编辑器 (VEC)中对页面所做的所有更改，并允许进行其他更改（如CSS选择器、Mbox和自定义代码）。
单击边栏标题中的 更多选项 图标（
单击每个修改旁边的 更多选项 图标（
设计画布
设计画布允许您选择视区，包括适合屏幕大小、桌面、平板电脑、移动设备横向和移动设备纵向。 默认情况下，画布将页面与管理部分中定义的视区一起适合屏幕。
您还可以通过单击相应的图标（
单击设计画布中的某个页面元素时，会显示一个菜单，其中提供了可用于该元素类型的选项。 此外，页面底部会显示一个 DOM 路径，可让您轻松浏览页面结构。
各种可视化体验编辑器 (VEC)操作将分组到相应的菜单选项中，以使您的工作更快捷、更有效：
属性边栏
通过属性边栏，您可以更改页面上选定元素的属性，无论这些元素是HTML元素还是特定于Target的对象，例如推荐或选件。
单击边栏顶部的图标可编辑HTML代码或者删除、复制或隐藏元素。 更改显示在修改边栏中。
属性边栏可在右边栏中折叠，以便隐藏设计画布并放大设计画布。 单击边栏右侧的显示/隐藏属性图标（
使用设计画布编辑元素 design
以下部分将向您展示如何在设计画布中编辑图像和文本。 “设计”画布以及“组件”、“修改”和“属性”边栏为您提供了强大的工具，让您能够轻松创建活动的体验。
图像选项
如果您单击A/B测试活动中的图像，则VEC类似于以下插图：
已选择图像的
从左侧的组件框架中选择组件以插入以下元素：
利用图像顶部的菜单，您可以执行以下操作：
- 插入链接（
- 更改图像（
- 添加个性化（
- 删除图像（
通过右侧的属性窗格，可以进一步配置图像的属性。
通过框架顶部的图标，您可以执行以下操作：
- 编辑HTML （
- 复制图像（
- 删除图像（
- 隐藏图像（
利用右框架中的选项，您可以执行以下操作：
- 编辑CSS类。
- 配置图像的属性（源、标题、替换文本）。
- 编辑链接URL。
- 配置图像的大小（高度和宽度）。 单击显示高级选项可配置图像的最小和最大大小、宽度、高度、溢出和对象大小。
- 配置图像在页面上的位置（绝对、固定、相对、静态或粘性）。
- 配置元素的间距，包括边距和边距。
- 配置元素的效果（不透明度）。 单击显示高级选项可配置图像的棕褐色、灰度、对比度、亮度和模糊值。 也可以反转或旋转图像。
- 配置图像的内联样式。
文本选项
如果您单击A/B测试活动中的文本，则VEC类似于以下插图：
已选择文本的
从左侧的组件框架中选择组件以插入以下元素：
单击显示修改图标（
通过文本元素顶部的菜单，您可以执行以下操作：
通过右侧的属性边栏，可进一步配置文本的属性。
通过框架顶部的图标，您可以执行以下操作：
- 编辑HTML （
- 复制文本（
- 删除文本（
- 隐藏文本（
利用右框架中的选项，您可以执行以下操作：
- 编辑CSS类。
- 配置文本的背景颜色和图像。
- 配置文本的排版规则(标题样式、字体大小、字体粗细、行高、对齐方式、文本颜色、文本样式（粗体、斜体、下划线或点进）)。
- 配置列表，包括项目符号、编号或A、B、C。
- 选择边框颜色。
- 配置文本框的大小（高度和宽度）。 单击显示高级选项可配置文本框的最小和最大大小、宽度、高度、溢出和对象大小。
- 配置文本框在页面上的位置（绝对、固定、相对、静态或粘性），并设置从上、右、下和左的像素数。
- 配置元素的间距，包括边距和边距。
- 配置元素的效果（不透明度）。 单击显示高级选项可配置图像的棕褐色、灰度、对比度、亮度和模糊值。 也可以反转或旋转文本。
- 配置内联样式。
编辑HTML
除了 HTML 代码外，您还可以编辑和插入自定义 JavaScript。
编辑A/B和体验定位活动的文本和HTML时，可以使用多种富文本格式选项。 您可以选择字体、选择字体样式、更改文本对齐方式以及使用其他标准文本格式设置选项。 修改HTML时，您可以在HTML的代码视图和富编辑视图之间切换。
可以嵌套以下 HTML5 标记：
<a><h1-h6>、<p>、<ul>、<ol>、<menu>、<div>、<figure>、<figcaption><ins><h1-h6>、<p>、<ul>、<ol>、<menu><del><ul>、<ol>、<menu>、<h1-h6>、<p><label><p>使用DOM路径浏览元素 dom-path
单击页面上的某个元素时，将显示 VEC 选项菜单。 此外，单击某个元素时，相应的 DOM 路径将显示在页面底部。
如果未看到DOM路径，请单击显示DOM图标（
您可以使用 DOM 路径快速查看有关所选元素（类型、ID 和类）的信息，并向上或向下移动 DOM 路径以选择所需的元素。
您可以使用 DOM 路径轻松导航到 VEC 中的任何父元素、同级元素或子元素。
设置点击跟踪时，还可使用 DOM 路径功能。
有关更新的UI的更多信息
-
Target Standard/Premium 25.2.1（2025年2月17日）发行说明：提供活动、推荐和可视化体验编辑器 (VEC)在Target中的主要UI更改摘要。
-
Target Standard/Premium 25.1.1（2025年1月9日）发行说明：提供选件库在Target中关键UI更改的摘要。
-
了解 Target UI：提供简要概述以帮助您熟悉Target，并提供更深入的信息和分步说明的链接。
-
可视化体验编辑器更改： Adobe Target Standard/Premium 25.2.1版本（2015年2月17日）引入了更新的可视化体验编辑器 (VEC)。 本文介绍VEC旧版本与更新版本之间的差异。
-
可视化体验编辑器选项：本文介绍更新的VEC UI及其选项。
-
Target UI更新常见问题解答：此常见问题解答是关于新的Target UI和可视化体验编辑器 (VEC)的常见问题，包括导航更改、功能位置以及弃用临时UI版本切换。 无论您是营销人员、开发人员还是管理员，此常见问题解答都可以帮助您顺利过渡并充分利用更新后的UI。