Visual Experience Composerの設定

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

Visual Experience Composer設定ページにアクセスするには、管理 > 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 プロキシサーバーを介して静的リソースを読み込む際のオーバーヘッドを回避できます。

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

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

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

モバイルビューポート設定

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

「追加」をクリックし、モバイルビューポートの記述的な名前を指定し、幅と高さを指定し、目的のオペレーティングシステムを選択してから、「保存」をクリックします。

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

CSS セレクター css

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

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

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

要素 ID を使用

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

要素クラスを使用

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

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

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

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