Visual Experience Composer （VEC）
Adobe TargetのVisual Experience Composer （VEC）は、コードを編集することなく、web サイトまたはモバイル web ページでパーソナライズされたエクスペリエンスを直接作成およびテストできるWYSIWYG エディターです。
VECでは、サイトコンテキストでパーソナライズされたエクスペリエンスとオファーを簡単に作成してテストできます。 Web ページ（またはオファー）またはモバイル Web ページのレイアウトやコンテンツをドラッグ＆ドロップ、入れ替え、変更することで、Target アクティビティのエクスペリエンスおよびオファーを作成できます。
VEC は Target の主要機能の 1 つです。 VEC を使用すると、マーケターやデザイナーが視覚的なインターフェイスを使用してコンテンツを作成および変更できます。 コードを直接編集することなく、多くのデザインの選択肢を作成できます。 コンポーザーで利用可能な編集オプションを使用すれば、HTML および JavaScript の編集も可能です。
Target 管理 > Visual Experience Composer タブで、デフォルトのVisual Experience Composer URLを入力できます。
この URL は、VEC を開いたときに、どこから開始するかを決定します。 デフォルトのURLを入力しない場合は、エディターを開いたときに空白のページから開始し、URLを指定できます。
ページ上の iframe 内のコンテンツは、VEC では変更できません。 iframe内のコンテンツを編集するには、iframe ドキュメントがTarget対応であることを確認してから、そのiframe URLをVECに読み込みます。
エクスペリエンス パネルのタブを使用すると、異なるオーディエンスや異なるエクスペリエンスで表示されるページを表示できます。 各エクスペリエンスに名前を付けることができます。 例えば、ナビゲーションバー内のホームリンクの場所をテストする場合、ホームリンクが最初に表示されるエクスペリエンスに名前を付けることができます。 例えば、「ホームリンク」を使用すると、リスト内のエクスペリエンスを識別しやすくなります。
マウスポインターがページの周囲を移動すると、カーソルに従って状況依存型のボックスがページ上の要素をハイライトします。
ハイライト表示された要素をクリックすると、その要素タイプで使用可能なオプションのメニューが表示されます。 例えば、画像をクリックし、画像を変更を選択して、画像を別の画像に変更できます。 または、ボタンをクリックしてテキストの色を変更します。
また、「参照」をクリックし、プライマリページから使用できる買い物ページや買い物かごなどのページに移動して、そのページの変更をテストすることもできます。 さらに、フライアウトメニューやミニカートなど、マウスポインターを置いたときに使用できるページ要素にアクセスすることもできます。 ページの閲覧が完了したら、デザインをクリックしてエクスペリエンスを編集します。 例えば、買い物かごのドロップダウンや画像のカルーセルのデザインを変更したい場合があります。
VEC で利用可能なオプションについて詳しくは、Visual Experience Composer オプションを参照してください。
ページの読み込み中（またはページの読み込みに失敗した後）に、ページでいくつかの変更を実行したり、VEC でページの読み込みをキャンセルしたりできます。 詳しくは、次を参照してください。
ページの読み込み中またはページの読み込みに失敗した後にページを編集する loading
VEC でページが読み込まれる前や、ページを読み込めなかった場合（例えば、カスタムコードが動作しなくなった場合など）には、様々なアクションを実行できます。
VEC 内でページの読み込み中またはページの読み込みに失敗した後に、ページにアクセスしたり、ページを編集したりする理由：
- カスタムコードを追加したり、エクスペリエンスの名前を変更したりするなど、ページに簡単な変更を行う
- アクセスできなくなったページから既存のカスタムコードをコピーする
- VEC 内でページが読み込まれないことはわかっているが、それでも簡単な編集を行いたい
ページの読み込み（または読み込みに失敗した後）は、 エクスペリエンス レール、 コンポーネント レール、設定 オプションにアクセスできます。
VEC内のページの読み込みをキャンセル cancel-loading
ページの読み込みを待たずに VEC 内でページの読み込みをキャンセルして、アクティビティの編集のロックを解除できます。 この機能によって時間を節約し、VEC 内でページの読み込みを待たずに、簡単な編集やカスタムコードの挿入をより効率的に行うことができます。
VEC 内でページの読み込みをキャンセルする理由には、次のようなものがあります。
- 既存の変更に軽微な編集を行う
- 1 つ以上の既存の変更を削除する
- カスタムコードを挿入または編集する
- 正しくないページの URL を誤って入力した
- VEC でページを読み込む前に JavaScript を有効または無効にする
- ページ配信条件にさらにテンプレートテストルールを追加する
- EECまたはiframe-only経由でページを読み込む際に、グローバルなEnhanced Experience Composer （EEC）トグルを上書きする必要があります
VECでページの読み込みをキャンセルした場合、ページの読み込みを待たずに、アクティビティ内のエクスペリエンスを切り替えることができます。 VEC内のページを再度表示するには、再読み込み ボタンをクリックする必要があります。
VEC内のページの読み込みをキャンセルするには、ページの読み込み中に「読み込みをキャンセル」ボタンをクリックします。 現在の編集セッション中、このアクティビティのページは VEC に読み込まれません。
現在のアクティビティでエクスペリエンスの管理を続行したり、新しい変更を追加したりするには、再読み込み ボタンをクリックする必要があります。