Visual Experience Composerの変更点

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

IMPORTANT
更新された Visual Editing Composer には、Adobe Experience Cloud で使用できる Visual Editing Helper拡張機能 Chrome Web Store 必要です。

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

Visual Experience Composer(VEC)

VEC の大幅な変更

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

Experiences レール

以前のバージョンと同様に、Experiences レールは VEC の左側に残ります。 Experiences レールを折りたたむことはできません。

エクスペリエンスパネル

Experiences パネルを使用して、エクスペリエンスを作成、名前変更または削除できます。 Add アイコン( 追加アイコン )をクリックして、新しいエクスペリエンスを追加します。 エクスペリ More Actions ンスを複製、削除、リダイレクトするには、アクショ アイコン(その他のアクションアイコン )をクリックします。

Components レール(新規)

Web ページに多数のコンポーネントを追加し、必要に応じて新しい 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 に関する詳細情報

  • Target Standard/Premium 25.2.1(2025年2月17日(PT))リリースノート:Activities、Recommendations、Visual Experience Composer(VEC)の Target での主な UI の変更の概要について説明します。

  • Target Standard/Premium 25.1.1(2025年1月9日(PT))リリースノート:Offers Library の Target での主な UI の変更の概要について説明します。

  • Target UIについて:Target に慣れるための概要と、より詳細な情報と手順を説明するリンクを提供します。

  • Visual Experience Composer の変更:Adobe Target Standard/Premium 25.2.1 リリース(2025年2月17日(PT))では、更新された Visual Experience Composer(VEC)が導入されています。この記事では、VEC のレガシーバージョンと更新されたバージョンの違いについて説明します。

  • Visual Experience Composer オプション:この記事では、更新された VEC UI とそのオプションについて説明します。

  • Target UI の更新に関する FAQ:この FAQ では、ナビゲーションの変更、機能の場所、一時的な UI バージョンの切替スイッチの非推奨(廃止予定)など、新しい Target UI と Visual Experience Composer(VEC)に関するよくある質問について説明します。マーケター、開発者、管理者のいずれであっても、この FAQ はスムーズに移行し、更新された UI を最大限に活用するのに役立ちます。

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