可视化体验编辑器更改

Adobe Target Standard/Premium 25.2.1版本(2015年2月17日)引入了更新的可视化体验编辑器 (VEC)。 本文介绍VEC的先前版本与更新版本之间的差异。

IMPORTANT
更新的可视化编辑编辑器需要Chrome Web Store中提供的Adobe Experience Cloud 可视化编辑帮助程序扩展。

创建或编辑现有活动时将显示VEC。

可视化体验编辑器 (VEC)

VEC的重大更改

以下部分将说明更新后的VEC与先前版本相比所发生的重大更改。

体验边栏

与以前的版本一样,体验边栏保留在VEC的左侧。 无法折叠体验边栏。

体验边栏

您可以使用体验边栏创建、重命名或删除体验。 单击​ 添加 ​图标( 添加图标 )以添加新体验。 单击更多操作图标( 更多操作图标 )以复制、删除或重新定向体验。

组件边栏(新)

您可以向网页添加许多组件,并根据需要使用新的组件边栏编辑它们。

组件边栏

要添加新组件,请从组件边栏中选择所需的组件,将鼠标悬停在页面中的现有元素上,然后选择在选定元素之前插入该组件。

NOTE
如果在此区域中看到修改边栏而不是组件边栏,请单击​ 显示组件 ​图标( 显示组件图标 )。 显示组件图标( 显示组件图标 )和显示修改图标( 显示修改边栏 )用作切换以显示相应的选项。
要折叠组件边栏并放大设计画布,请在组件边栏打开时单击( 显示组件图标 )图标。

修改边栏

要打开修改边栏,请单击组件边栏中的显示修改图标( 显示修改边栏 )。 修改边栏从编辑画布的右侧更改为左侧。

修改边栏

NOTE
显示组件图标( 显示组件图标 )和显示修改图标( 显示修改边栏 )用作切换以显示相应的选项。
要折叠修改边栏并放大设计画布,同时打开修改边栏,请单击显示修改图标( 显示修改边栏 )图标。

修改边栏显示对VEC中的页面所做的所有更改,并允许您进行其他更改(如CSS选择器、Mbox和自定义代码)。

单击更多选项图标( 更多操作图标 )以添加修改、删除所有修改或删除所有无效修改。 单击选择以执行批量操作: 应用到所有页面或删除。

要再次显示修改边栏,请单击修改边栏中的隐藏修改图标( 显示修改边栏 )。

属性边栏(新)

通过属性边栏,您可以更改页面上选定元素的属性,无论这些元素是HTML元素还是特定于Target的对象,例如推荐或选件。

属性边栏

单击边栏顶部的图标可编辑HTML代码或者删除、复制或隐藏元素。 更改显示在修改边栏中。

属性图标

属性边栏可在右边栏中折叠。 单击边栏右侧的显示/隐藏属性图标( 属性图标 )以折叠或显示属性边栏。

活动设置/配置

单击设计画布顶部显示的配置图标( 配置图标 )以显示活动属性菜单。

活动配置选项

通过不同的选项,您可以分配属性、编辑页面交付规则、指定网站首选项、添加其他页面以及启用或禁用多页面或多个受众活动。 分配属性是Target Premium功能。

其位置和功能与以前的VEC UI类似。

设计/浏览模式

使用属性边栏顶部显示的设计/浏览切换功能,可在设计和浏览模式之间切换。

设计和浏览切换

使用浏览模式浏览您的网站并选择您要更新的视图或页面。 切换回设计模式以添加或编辑更改。

撤消/重做

您可以通过单击撤消图标( 撤消图标 )来撤消所做的更改。

VEC中的 撤消图标

要重做操作,请展开撤消/重做按钮组,然后选择重做。

设计画布

设计画布允许您选择视区,包括适合屏幕大小、桌面、平板电脑、移动设备横向和移动设备纵向。

视区选项

更新的VEC还允许您通过单击相应的图标( 放大图标 或 缩小图标 )进行放大或缩小。

显示UI更改的可视化插图

下图显示了对更新后的VEC所做的高级UI更改。 插图顶部显示更新的VEC UI,底部显示之前的UI。 箭头显示各种元素移动的位置。

(单击图像可将其展开到浏览器的整个宽度。)

VEC比较 — 与以前的UI新比较 {width="600" modal="regular"}

有关更新的UI的更多信息

recommendation-more-help
target-help-main