Visual Experience Composer（VEC）

Adobe Target での Visual Experience Composer （VEC）の使用に関する情報です。

VEC は、サイトコンテキストのパーソナライズされたエクスペリエンスおよびオファーを簡単に作成およびテストできる、WYSIWYG ユーザーインターフェイスです。 Web ページ（またはオファー）またはモバイル Web ページのレイアウトおよびコンテンツをドラッグ＆ドロップ、入れ替えおよび変更することで、Target アクティビティのエクスペリエンスおよびオファーを作成できます。

VEC は Adobe Target の主要機能の 1 つです。VEC を使用すると、マーケターやデザイナーが視覚的なインターフェイスを使用してコンテンツを作成および変更できます。コードを直接編集することなく、多くのデザインの選択肢を作成できます。コンポーザーで利用可能な編集オプションを使用すれば、HTML および JavaScript の編集も可能です。

Target Administration / Visual Experience Composer タブで、デフォルトの Visual Experience Composer URL を入力できます。

この URL は、VEC を開いたときに、どこから開始するかを決定します。デフォルトを入力しないと、エディターを開いたときに空白ページが表示され、そこで URL を指定することになります。

ページ上の iframe 内のコンテンツは、VEC では変更できません。iframe 内のコンテンツを編集するには、iframe ドキュメントで Target が有効になっていることを確認して、VEC でその iframe URL を読み込みます。

ページ上部にあるドロップダウンメニューを使用して、異なるオーディエンスに表示されるページ、または異なるエクスペリエンスで表示されるページを確認できます。2 つ目のドロップダウンリストでは、各エクスペリエンスの名前を指定できます。例えば、ナビゲーションバーのホームリンクの場所をテストする場合は、ホームリンクが最初に表示されるエクスペリエンスに「ホームリンク」のような名前を付けて、リスト内でエクスペリエンスを識別しやすくすることができます。

マウスポインターがページの周囲を移動すると、カーソルに従って状況依存型のボックスがページ上の要素をハイライトします。

Overlays アイコンをクリックして、ハイライトの表示方法を変更します。 例えば、画像、リンク、リージョナル mbox、変更、または JavaScript のみをハイライト表示できます。ハイライトの色を変更できます。別々の要素タイプをハイライトする際に使用する、塗りの色とタイプも指定できます。

ハイライト表示された要素をクリックすると、その要素タイプで使用可能なオプションのメニューが表示されます。例えば、画像をクリックして Edit > Text/HTML を選択してテキストを変更したり、ボタンをクリックして背景色を変更したりできます。 ページ左上のボタンを使用すると、オーバーレイのオンとオフが切り替えられます。

「Browse」をクリックして、プライマリページから使用できるページ（配送ページや買い物かごなど）に移動し、そのページの変更をテストすることもできます。 さらに、フライアウトメニューやミニ買い物かごなど、マウスポインターを置いたときに使用できるページ要素にアクセスすることもできます。ページへの参照が完了したら、「Compose」をクリックしてエクスペリエンスを編集します。 例えば、買い物かごのドロップダウンや画像のカルーセルのデザインを変更したい場合があります。

VEC で利用可能なオプションについて詳しくは、Visual Experience Composer オプションを参照してください。

ページの読み込み中（またはページの読み込みに失敗した後）に、ページでいくつかの変更を実行したり、VEC でページの読み込みをキャンセルしたりできます。詳しくは、次を参照してください。

ページの読み込み中または読み込みに失敗した後にページを編集します loading

VEC でページが読み込まれる前や、ページを読み込めなかった場合（例えば、カスタムコードが動作しなくなった場合など）には、様々なアクションを実行できます。

VEC 内でページの読み込み中またはページの読み込みに失敗した後に、ページにアクセスしたり、ページを編集したりする理由：

ページの読み込み（読み込みに失敗した後の読み込み）中は、Experiences ースパネル、Modifications ントロールパネルおよびエクスペリエンスの上部の設定（オーバーレイ、変更、設定など）すべてにアクセスできます。

次の図は、ページの読み込み中にカスタムコードを挿入したり、その他のアクションを実行したりできることを示しています。

VEC 内のページの読み込みのキャンセル cancel-loading

ページの読み込みを待たずに VEC 内でページの読み込みをキャンセルして、アクティビティの編集のロックを解除できます。この機能によって時間を節約し、VEC 内でページの読み込みを待たずに、簡単な編集やカスタムコードの挿入をより効率的に行うことができます。

VEC 内でページの読み込みをキャンセルする理由には、次のようなものがあります。

VECで ページの読み込みをキャンセルした後、ページの読み込みを待たずに、アクティビティのエクスペリエンスを切り替えることができます。VEC 内のページを再度表示するには、「Reload」ボタンをクリックする必要があります。

VEC 内のページの読み込みをキャンセルするには、ページの読み込み中に「Cancel Loading」ボタンをクリックします。 現在の編集セッション中、このアクティビティのページは VEC に読み込まれません。

現在のアクティビティのエクスペリエンスの管理を続行したり、新しい変更を追加したりするには、「Reload 定」ボタンをクリックする必要があります。

トレーニングビデオ

以下のビデオは、この記事で説明した概念についてさらに詳しく説明しています。

Visual Experience Composer （1/2）（7:17）

Visual Experience Composer （2/2）（7:29）

業務時間：Visual Experience Composer

このビデオは、「Office Hours」（アドビカスタマーケアチーム主導による取り組みの 1 つ）の録画です。