視覺化體驗撰寫器變更

Adobe Target Standard/Premium 25.2.1版(2015年2月17日)推出更新的視覺化體驗撰寫器 (VEC)。 本文說明VEC舊版與更新版之間的差異。

IMPORTANT
更新的Visual Editing Composer需要Chrome Web Store中可用的Adobe Experience Cloud Visual Editing Helper擴充功能。

當您建立或編輯現有活動時,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