Visual Experience Composer （VEC）
Adobe TargetのVisual Experience Composer （VEC）は、コードを編集せずにweb サイトやモバイル web ページでパーソナライズされたエクスペリエンスを直接作成およびテストするためのWYSIWYG エディターです。
要素のドラッグ&ドロップ、コンテンツの入れ替え、ページレイアウトの変更などにより、Target アクティビティのエクスペリエンスとオファーを作成します。 このコンポーザーには、HTMLとJavaScriptを編集するためのオプションも用意されています。
ブラウザーの要件 browser-requirements
SafariはAdobe Target インターフェイスでサポートされています。 Safariでフォームベースのアクティビティを作成し、VECとEnhanced Experience Composer （EEC）を除くすべての機能を使用できます。 SafariでVisual Experience Composerを開くと、オーバーレイでGoogle Chromeに切り替えてエクスペリエンスを編集するように求められます。
Firefoxなどのブラウザーは、安全なサイト内の安全でないページなど、混在コンテンツを含むページがVECに表示されるのをブロックする場合があります。 ページが表示されない場合は、ブラウザーのアドレスバーのURLの横にあるアイコンをクリックし、このページの保護を無効にするをクリックします。 この問題は、サイト訪問者に対するページの表示方法には影響しません。
VECを開く open-the-vec
VECでデフォルトで開くページを設定するには、「Target 管理 > Visual Experience Composer」タブにデフォルトのVisual Experience Composer URLを入力します。
デフォルトのURLを設定しない場合、VECが開き、URLを指定できる空白のページが表示されます。
エクスペリエンスを編集 edit-experiences
エクスペリエンスの表示と命名 view-and-name-experiences
エクスペリエンス パネルのタブを使用して、様々なオーディエンスや異なるエクスペリエンスでページがどのように表示されるかを確認します。 各エクスペリエンスにわかりやすい名前を付けて、リスト内で容易に識別できるようにします。
例えば、ナビゲーションバーでホームリンクの位置をテストする場合は、最初に表示されるエクスペリエンスに「最初にホームリンク」という名前を付けます。
要素の選択と変更 select-and-modify-elements
ページ上にカーソルを移動して、コンテクストを考慮するボックスで個々の要素をハイライト表示します。
ハイライト表示された要素をクリックすると、その要素タイプの編集オプションが表示されます。 例えば、画像を選択し、画像ソースを変更をクリックして置換するか、ボタンを選択してテキストの色を変更します。
ページに埋め込まれたiframe内のコンテンツは編集できません。 そのコンテンツを編集するには、iframe ドキュメントがTarget対応であることを確認してから、iframe URLをVECに直接読み込みます。
VEC以外のページ構造の変更は、アクティビティで使用される場所に影響を与える可能性があります。 これらの場所が変更された場合、Targetは変更した要素を見つけられない可能性があり、エクスペリエンスの編集時に問題が発生する可能性があります。
参照とデザイン browse-and-design
「参照」をクリックして、現在のページからアクセス可能なページ（配送ページやショッピングカートなど）に移動し、そこで変更をテストします。
参照モードでは、フライアウトメニューやミニカートなど、カーソルを合わせて表示される要素にもアクセスできます。 編集するページまたは要素に到達したら、デザインをクリックしてエクスペリエンスを編集します。
ホバー状態がJavaScriptに依存している場合は、JavaScriptを無効にするが選択されていないことを確認してください。 JavaScriptに依存する要素を編集するには、Adobe Targetを有効にする必要があります。
使用可能な編集オプションについて詳しくは、Visual Experience Composerのオプション を参照してください。
ページ読み込みを管理 manage-page-loading
ページの読み込み中や読み込みに失敗した後も、一部の編集オプションを利用できます。 ページの読み込みをキャンセルして、待たずにこれらのオプションにアクセスすることもできます。
ページの読み込み中またはページの読み込みに失敗した後にページを編集する loading
ページの読み込みがVECで完了する前や、カスタムコードが機能しなくなったため、ページの読み込みに失敗した後に、いくつかの変更を行うことができます。
使用可能な編集オプションを使用して、次の操作を行います。
- カスタムコードの追加やエクスペリエンスの名前の変更など、簡単な変更を行います
- アクセスできなくなったページから既存のカスタムコードをコピーする
- VECで読み込めないページを簡単に編集する
ページの読み込み中または読み込みに失敗した後も、 エクスペリエンス パネル、 コンポーネント パネル、設定 オプションにアクセスできます。
VEC内のページの読み込みをキャンセル cancel-loading
VECでのページ読み込みをキャンセルして、ページの読み込みが完了するのを待たずにアクティビティを編集します。
ページ読み込みのキャンセルは、次のような場合に便利です。
- 既存の修正を微調整する
- 1つ以上の既存の修正を削除
- カスタムコードの挿入または編集
- 誤って入力されたページ URLの修正
- VECにページを読み込む前に、JavaScriptを有効または無効にします
- ページ配信条件にテンプレートテストルールを追加
- EEC経由またはiframe専用モードでページを読み込む際に、グローバルなEnhanced Experience Composer （EEC）トグルを上書きする
ページの読み込みをキャンセルした後、ページの読み込みを待たずに、アクティビティ内のエクスペリエンスを切り替えることができます。 再読み込みをクリックして、ページをVECに再度表示します。
ページの読み込みを停止するには、ページの読み込み中に 読み込みをキャンセル をクリックします。 ページを再ロードしない限り、現在の編集セッション中も、このアクティビティのページはアンロードされたままになります。
「再読み込み」をクリックして、現在のアクティビティでのエクスペリエンスの管理を再開するか、新しい変更を追加します。