Visual Experience Composer の設定

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

Visual Experience Composer 設定ページにアクセスするには、Administration/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 プロキシサーバー経由で静的リソースを読み込む余分なオーバーヘッドを回避できます。

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

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

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

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

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

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

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

CSS セレクター css

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

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

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

要素 ID を使用

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

要素クラスを使用

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

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

トレーニングビデオ：アカウント環境設定（7:33）

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