Visual Experience Composerの変更

Adobe Target Standard/Premium 25.2.1 リリース（2015年2月17日（PT））では、更新されたVisual Experience Composer （VEC）が導入されています。 この記事では、VECの以前のバージョンと更新されたバージョンの違いについて説明します。

VECは、既存のアクティビティを作成または編集するときに表示されます。

VECの主な変更点

以下の節では、更新されたVECの主な変更点を以前のバージョンと比較して説明します。

​ エクスペリエンス ​ パネル

以前のバージョンと同様に、​ エクスペリエンス ​ パネルはVECの左側に残ります。 ​ エクスペリエンス ​ レールを折りたたむことはできません。

​ エクスペリエンス ​ パネルを使用して、エクスペリエンスを作成、名前変更または削除できます。 追加 アイコン （ ）をクリックして、新しいエクスペリエンスを追加します。 詳細アクション ​ アイコン （ ）をクリックして、エクスペリエンスを複製、削除、またはリダイレクトします。

​ コンポーネント ​ パネル （新規）

新しい​ コンポーネント ​ パネルを使用して、web ページに多数のコンポーネントを追加し、必要に応じて編集できます。

新しいコンポーネントを追加するには、​ コンポーネント ​ パネルから目的のコンポーネントを選択し、ページ内の既存の要素にカーソルを合わせ、選択した要素の後にの前にコンポーネントを挿入することを選択します。

変更 パネル

変更 レールを開くには、​ コンポーネント ​ レールの変更を表示 アイコン （ ）をクリックします。 変更 パネルが、編集キャンバスの右側から左側に位置を変更しました。

変更 パネルには、VECでページに加えられたすべての変更が表示され、追加の変更（CSS セレクター、Mbox、カスタムコードなど）を行うことができます。

詳細オプション ​ アイコン （ ）をクリックして、変更を追加するか、すべての変更を削除するか、無効なすべての変更を削除します。 「選択」をクリックして一括操作を実行します：すべてのページに適用または削除。

変更 レールを再度表示するには、変更 レールの変更を非表示 アイコン （ ）をクリックします。

​ プロパティ ​ パネル （新規）

​ プロパティ ​ パネルでは、選択した要素がHTMLの要素であるか、レコメンデーションやオファーなどTargetに固有のオブジェクトであるかを問わず、ページ上の選択した要素のプロパティを変更できます。

パネルの上部にあるアイコンをクリックして、HTML コードを編集したり、エレメントを削除、複製、非表示にしたりできます。 変更が変更 パネルに表示されます。

​ プロパティ ​ レールは、右側のレールで折りたたむことができます。 パネルの右側にある​ プロパティ ​ アイコン（ ）をクリックして、​ プロパティ ​ パネルを折りたたんだり表示したりします。

アクティビティ設定/設定

デザインキャンバスの上に表示されている設定 アイコン（ ）をクリックして、アクティビティプロパティメニューを表示します。

様々なオプションを使用すると、プロパティの割り当て、ページ配信ルールの編集、サイトの環境設定の指定、追加ページの追加、複数ページまたは複数のオーディエンスアクティビティの有効化または無効化を行うことができます。 割り当て​ プロパティ ​はTarget Premium機能です。

位置と機能は、以前のVEC UIと似ています。

​ デザイン ​/参照 モード

​ プロパティ ​ パネルの上に表示される​ デザイン ​/参照の切り替えスイッチを使用して、デザイン モードと参照モードを切り替えます。

参照 モードを使用して、サイトを移動し、更新するビューまたはページを選択します。 ​ デザイン ​ モードに切り替えて、変更を追加または編集します。

取り消し/やり直し

取り消し アイコン （ ）をクリックすると、変更を取り消すことができます。

VEC の取り消しアイコン

アクションをやり直すには、取り消し/やり直し ボタングループを展開し、やり直しを選択します。

​ デザイン ​ キャンバス

​ デザイン ​ キャンバスでは、画面に合わせて表示するビューポート、​ デスクトップ ​、​ タブレット ​、​ モバイルランドスケープ ​、​ モバイルポートレート ​などを選択できます。

更新されたVECでは、適切なアイコン（ または ）をクリックしてズームインまたはズームアウトすることもできます。

UIの変更を示すビジュアルイラスト

次の図は、更新されたVECに対して行われた高レベル UIの変更を示しています。 図の上部には更新されたVEC UIが表示され、下部には前のUIが表示されます。 矢印はさまざまな要素が移動した場所を示しています。

（画像をクリックして、ブラウザーの全幅に展開します）。

{width="600" modal="regular"}に新しく追加

更新された UI に関する詳細情報