Visual Experience Composer の設定

一般設定、モバイルビューポート設定、CSS セレクターを指定して、Adobe Target Visual Experience Composer (VEC)を設定します。

Visual Experience Composer 設定ページにアクセスするには、Administration/Visual Experience Composerをクリックします。

NOTE
このページの設定は、Target アカウント全体に適用されることに注意してください。

Visual Experience Composer 設定ページ

一般的な設定

Visual Experience Composer には一般設定を指定できます。

一般設定セクション

以下の設定を使用できます。

デフォルトの URL

Visual Experience Composer で使用されるデフォルトの URL を設定します。 これは、新しいアクティビティのそれぞれに対してエクスペリエンスをセットアップするときに必ず使用される、ホームページのようなデフォルトのページです。デフォルトの URL を設定しない場合は、各アクティビティを作成するたびに URL を入力する必要があります。

拡張された Experience Composer を有効にする eec

iframe バスティングのサイトおよび混合コンテンツを使用したサイトでの編集を許可します。一部のサイトは、拡張バージョンと互換性がない場合があります。 元の Visual Experience Composer に戻すには、このオプションの選択を解除します。 サイトでのアクティビティの配信はこの選択の影響を受けません。

詳しくは、Visual Experience Composer のトラブルシューティングを参照してください。

アクティビティレベルで Enhanced Experience Composer を有効にすることもできます。

混在コンテンツの読み込み

Enhanced Experience Composer (EEC)を使用して web サイトを開く際に、混在したコンテンツを有効にします。 このオプションを有効にすると、Target プロキシサーバー経由で静的リソースを読み込む余分なオーバーヘッドを回避できます。

このオプションは、例えば次のような場合に役立ちます。

  • コンテンツセキュリティポリシー(CSP)ヘッダーを使用すると、EEC が有効なプロキシサーバーを使用せずに、混在したコンテンツを読み込むことができます。
  • HTTP web サイトの EEC での読み込み時間が長くなります。JavaScriptや画像などの読み込みにプロキシを使用すると、時間がかかります。

アクティビティのフロー図でのエクスペリエンススナップショットの生成

エクスペリエンススナップショットを有効にすると、アクティビティワークフローダイアグラムでエクスペリエンスのサムネールが生成されます。スナップショットを無効にすると、一部のユーザーでパフォーマンスが向上する場合があります。

[Premium]{class="badge positive" title="Target Premium に含まれる機能を確認してください。"}

エクスペリエンスのプレビュー時に、使用するデバイスを追加できます。各デバイスにはオーディエンスが関連付けられています。

モバイルビューポート設定セクション

Add」をクリックし、モバイルビューポートのわかりやすい名前を指定します。次に、幅と高さを指定し、目的のオペレーティングシステムを選択して「Save」をクリックします。

モバイルビューポートの追加方法に関する情報については、モバイルビューポート設定を参照してください。

CSS セレクター css

Targetで CSS セレクターを生成する方法を指定します。

CSS セレクターセクション

これらのオプションを使用すると、Targetに対してサイトの構造を指定して、コンテンツ配信により適した CSS セレクターを生成できます。デフォルトで、Targetはページ上の要素 ID に基づいてセレクターを生成します。サイトで使用されている ID が少ない場合、または同じページ上に重複する ID が存在する場合は、クラスを使用することをお勧めします。

次のオプションのいずれかまたは両方を選択できます。

要素 ID を使用

複数の要素で同じ ID を使用する場合、またはページの読み込みで要素 ID が変更される場合は、このオプションの選択を解除します。

要素クラスを使用

デフォルトで、Targetは要素 ID のみを使用します。ただし、Adobe Experience Manager で作成されたページなど、クラスを使用して要素を識別するようにページを設計している場合は、Use element classes も選択する必要があります。

NOTE
精度を確保するためにはすべて行われていますが、クラスを使用するとエラーが発生する可能性があることに注意してください。 いずれのオプションも選択しない場合も、正確性が低下します。正確性は、ID > クラス > オプション指定なしの順番です。必ずページをテストして、セレクターが正しいことを確認してください。

この設定は、アクティビティごとに上書きできます(Settings 歯車アイコンをクリックして「CSS Selectors」を選択します)。 この機能は、別々の設定をおこなう複数のサイトがある場合に特に役立ちます。

NOTE
アクティビティごとに設定を上書きする機能は、Automated Personalization アクティビティと Multivariate Testing アクティビティでは使用できません。 セレクターについて詳しくは、Visual Experience Composer で使用される要素セレクターを参照してください。

トレーニングビデオ:アカウント環境設定(7:33) 概要バッジ

このビデオでは、アカウント設定に関する情報を説明します。

  • Target Standardでのアカウント設定に関する説明
NOTE
パフォーマンスを向上、新機能のリリースに要するメンテナンス時間を短縮、製品全体でのユーザーエクスペリエンスが向上するため、Target Administration メニュー(以前の Setup)のデザインが一新されました。 次のビデオの情報は、一般的には正確ですが、オプションの場所が若干異なる場合があります。更新されたビデオは間もなく投稿される予定です。
recommendation-more-help
3d9ad939-5908-4b30-aac1-a4ad253cd654