Visual Experience Composer個變更

Adobe Target Standard/Premium 25.2.1版(2015年2月17日)推出更新的Visual Experience Composer (VEC)。 本文說明VEC舊版與更新版之間的差異。

IMPORTANT
更新的Visual Editing Composer需要Adobe Experience Cloud中可用的Visual Editing Helper延伸模組Chrome Web Store。

當您建立或編輯現有活動時,VEC隨即顯示。

可視化體驗撰寫器 (VEC)

VEC的重大變更

以下幾節將說明更新VEC與舊版相比的主要變更。

Experiences邊欄

和舊版一樣,Experiences邊欄仍保留在VEC的左側。 無法收合Experiences邊欄。

體驗邊欄

您可以使用Experiences邊欄來建立、重新命名或移除體驗。 按一下​ Add ​圖示( 新增圖示 )以新增體驗。 按一下More Actions圖示( 更多動作圖示 )以複製、刪除或重新導向體驗。

Components邊欄(新)

您可以使用新的Components邊欄,在網頁中新增許多元件,並視需要加以編輯。

元件邊欄

若要新增元件,請從Components邊欄中選取所需的元件,將游標停留在頁面中的現有元素上,然後選擇在所選元素之前插入元件。

NOTE
如果您在此區域中看到Modifications邊欄而非Components邊欄,請按一下​ Show Components ​圖示( 顯示元件圖示 )。 Show Components圖示( 顯示元件圖示 )和Show Modifications圖示( 顯示修改邊欄 )可作為切換來顯示適當的選項。
若要收合Components邊欄並放大Design畫布,請在Components邊欄開啟時按一下( 顯示元件圖示 )圖示。

Modifications邊欄

若要開啟Modifications邊欄,請按一下Show Modifications邊欄中的 圖示( 顯示修改邊欄Components )。 Modifications邊欄從編輯畫布的右側變更為左側。

修改邊欄

NOTE
Show Components圖示( 顯示元件圖示 )和Show Modifications圖示( 顯示修改邊欄 )可作為切換來顯示適當的選項。
若要收合Modifications邊欄並放大Design畫布,當Modifications邊欄開啟時,請按一下Show Modifications圖示( 顯示修改邊欄 )圖示。

Modifications邊欄會顯示在VEC中對您的頁面所做的所有變更,並可讓您進行其他變更(例如CSS選取器、Mbox和自訂程式碼)。

按一下More Options圖示( 更多動作圖示 )以新增修改、刪除所有修改或刪除所有無效修改。 按一下Select以執行大量作業: Apply to All Pages或Delete。

若要再次顯示Modifications邊欄,請按一下Hide Modifications邊欄中的 圖示( 顯示修改邊欄Modifications )。

Properties邊欄(新)

Properties邊欄可讓您變更頁面上所選元素的屬性,不論這些元素是HTML元素或專屬於Target的物件,例如建議或選件。

屬性邊欄

按一下邊欄頂端的圖示,即可編輯HTML程式碼或刪除、複製或隱藏元素。 變更會顯示在Modifications邊欄中。

屬性圖示

Properties邊欄可在右側邊欄中摺疊。 按一下邊欄右側的Show/Hide Properties圖示( 屬性圖示 )以收合或顯示Properties邊欄。

活動設定/設定

按一下設計畫布上方顯示的Configure圖示( 設定圖示 )以顯示活動屬性功能表。

活動設定選項

不同的選項可讓您指派屬性、編輯頁面傳送規則、指定網站偏好設定、新增其他頁面,以及啟用或停用多頁面或多個對象活動。 指派Properties是Target Premium功能。

位置和功能與舊版VEC UI類似。

Design/Browse模式

使用Design邊欄頂端顯示的Browse/Properties切換功能,在設計模式和瀏覽模式之間切換。

設計和瀏覽切換

使用Browse模式瀏覽您的網站,並挑選您要更新的檢視或頁面。 切換回Design模式以新增或編輯您的變更。

Undo/Redo

您可以按一下Undo圖示( 復原圖示 )來復原所做的變更。

VEC中的 復原圖示

若要重做動作,請展開復原/Redo按鈕群組並選擇Redo。

Design畫布

Design畫布可讓您選取檢視區,包括符合熒幕大小、Desktop、Tablet、Mobile Landscape和Mobile Portrait。

檢視區選項

更新的VEC也可讓您按一下適當的圖示( 放大圖示 縮小圖示 )來放大或縮小。

顯示UI變更的視覺化插圖

下圖顯示更新VEC後的高階UI變更。 圖的上方顯示更新的VEC UI,下方則顯示先前的UI。 箭頭會顯示各種元素已移動的位置。

(按一下影像可將其展開至瀏覽器的完整寬度。)

VEC比較 — 與先前的UI比較 {width="600" modal="regular"}

有關已更新UI的更多資訊

recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654