Visual Experience Composer(VEC)

Visual Experience Composer の Adobe Target (VEC)は、コードを編集しなくても、web サイトやモバイル web ページで直接パーソナライズされたエクスペリエンスを作成およびテストできる、WYSIWYG エディターです。

NOTE
Target Standard/Premium 25.2.1 (2025 年 2 月 17 日(PT))リリースには、VEC の更新バージョンが含まれています。 更新された VEC が以前のバージョンとどのように異なるかについて詳しくは、Visual Experience Composer の変更点を参照してください。 更新された VEC の様々なオプションの概要については、Visual Experience Composer オプションを参照してください。

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

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

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

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

ハイライトされた VEC

NOTE
Firefox などの特定のブラウザーでは、ページに混在したコンテンツが含まれている場合(例えば、安全なサイトの安全でないページ)、ページの VEC での表示がブロックされる場合があります。 ページが表示されない場合は、ブラウザーのアドレスバーで URL の横にあるアイコンをクリックし、「Disable protection on this page」をクリックします。 この問題は、サイト訪問者へのページ表示に影響しません。

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

Experiences のパネルのタブを使用すると、異なるオーディエンスや異なるエクスペリエンスで表示されるページを確認できます。 各エクスペリエンスの名前を指定できます。 例えば、ナビゲーションバーのホームリンクの場所をテストしている場合、ホームリンクが最初に表示されるエクスペリエンスに名前を付けることができます。 例えば、「ホームリンク」を使用すると、リスト内のエクスペリエンスを識別しやすくなります。

NOTE
ページ構造を変更すると、そのページで作成されたアクティビティで使用される場所に影響が及び、エクスペリエンスの編集で問題が発生する可能性があります。 VEC 外で場所を変更した場 Target、コンテンツが変更された場所を見つけることができない場合があります。

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

ハイライト表示された要素をクリックすると、その要素タイプで使用可能なオプションのメニューが表示されます。 例えば、画像をクリックして Change Image を選択すると、画像を別の画像に変更できます。 または、ボタンをクリックしてテキストの色を変更します。

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

NOTE
ホバー状態がJavaScriptに依存する場合は、Disable JavaScript が選択されていないことを確認します。 JavaScript の要素を編集するには JavaScript が有効になっている必要があります。

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

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

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

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

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

  • カスタムコードを追加したり、エクスペリエンスの名前を変更したりするなど、ページに簡単な変更を行う
  • アクセスできなくなったページから既存のカスタムコードをコピーする
  • VEC 内でページが読み込まれないことはわかっているが、それでも簡単な編集を行いたい

ページの読み込み中(または読み込みに失敗した後)は、Experiences のパネル、Components のパネル、Configure のオプションにアクセスできます。

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

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

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

  • 既存の変更に軽微な編集を行う
  • 1 つ以上の既存の変更を削除する
  • カスタムコードを挿入または編集する
  • 正しくないページの URL を誤って入力した
  • VEC でページを読み込む前に JavaScript を有効または無効にする
  • Page Delivery の条件にさらにテンプレートテストルールを追加する
  • EEC または iframe のみを介してページを読み込む場合に、グローバル Enhanced Experience Composer (EEC)の切り替えをオーバーライドします

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

IMPORTANT
VEC 内での読み込みをキャンセルすることを選択してカスタムコードを作成したり、変更を行ったりする場合は、コーディングまたは変更が正しく行われていることを確認する必要があります。適切な QA を実行して、カスタムコードの作成やその他の修正が期待どおりに行われていることを確認してください。

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

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

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