エクスペリエンスフラグメントは、ページ内で参照できるコンテンツおよびレイアウトを含む 1 つ以上のコンポーネントのグループです。任意のコンポーネントを含めることができます。
エクスペリエンスフラグメントは、
エクスペリエンスフラグメントを使用できるのは、次の場合です。
エクスペリエンスフラグメントの書き込みアクセス権には、次のグループに登録されたユーザーアカウントが必要です。
experience-fragments-editors
問題が発生している場合は、システム管理者にお問い合わせください。
エクスペリエンスフラグメントは次の場合に使用します。
エクスペリエンスを再利用する場合。
サードパーティのためのコンテンツ配信プラットフォームとして AEM を使用する場合。
異なるバリエーションまたはレンディションを持つエクスペリエンスがある場合。
オムニチャネルコマースを使用する場合。
以下をお勧めします。
フォルダーを使用してエクスペリエンスフラグメントを整理する。
フォルダーを作成すると、次の操作をおこなうことができます。
エクスペリエンスフラグメントにとって意味のある構造(例:分類に従った構造)を作成する。
エクスペリエンスフラグメントの構造をサイトのページ構造に合わせる必要はありません。
テンプレートエディターを使用すると、独自のテンプレートを作成できます。
次の例は、Contributors
に従って構造化されたエクスペリエンスフラグメントを示しています。 また、使用される構造は、マルチサイト管理(言語コピーを含む)などの他の機能の使用方法の例も示します。
以下のスクリーンショットは、Adobe Experience ManagerをCloud Serviceとして使用したWKNDサイトから撮影されたものです。
エクスペリエンスフラグメントのフォルダーを作成および設定するには、次の操作をお勧めします。
また、インスタンス](#configure-allowed-templates-instance)に対して[許可されているテンプレートを設定することもできますが、アップグレード時に値が上書きされる可能性があるので、推奨されません。
アップグレード時に値が上書きされないので、「許可されたテンプレート」を指定する場合は、この方法をお勧めします。
必要なエクスペリエンスフラグメントフォルダーに移動します。
フォルダーを選択してから、「プロパティ」を選択します。
必要なテンプレートを取得するための正規表現を「許可されたテンプレート」フィールドに指定します。
例:
/conf/(.*)/settings/wcm/templates/experience-fragment(.*)?
「保存して閉じる」を選択します。
この方法では、許可されているテンプレートを変更しないことをお勧めします。アップグレード時に指定したテンプレートが上書きされる可能性があります。
このダイアログは、情報を提供する目的でのみ使用してください。
必要なエクスペリエンスフラグメントコンソールに移動します。
「設定オプション」を選択します。
エクスペリエンスフラグメントを設定ダイアログで、必要なテンプレートを指定します。
「保存」を選択します。
エクスペリエンスフラグメントを作成するには、次の手順に従います。
グローバルナビゲーションから「エクスペリエンスフラグメント」を選択します。
必要なフォルダーに移動し、「作成」を選択します。
「エクスペリエンスフラグメント」を選択して、エクスペリエンスフラグメントを作成ウィザードを開きます。
適切なテンプレートを選択して、「次へ」を選択します。
エクスペリエンスフラグメントのプロパティを入力します。
タイトルは必須です。名前が空欄のままの場合、タイトルから派生されます。
「作成」をクリックします。
メッセージが表示されます。以下から選択します。
エクスペリエンスフラグメントエディターには、通常のページエディターと似た機能があります。使用方法の詳細については、ページコンテンツの編集を参照してください。
次の手順の例では、商品のティーザーを作成する方法を示します。
コンポーネントブラウザーからカテゴリティーザーをドラッグ&ドロップします。
コンポーネントツールバーから設定を選択します。
必要に応じてアセットを追加してプロパティを定義します。
完了(チェックマークアイコン)をクリックして定義を確定します。
必要に応じてその他のコンポーネントを追加します。
必要に応じて、エクスペリエンスフラグメントのバリエーションを作成できます。
編集するフラグメントを開きます。
「バリエーション」タブを開きます。
「作成」を使用すると、以下を作成できます。
必要なプロパティを定義します。
完了(チェックマークアイコン)で確定すると、新しいバリエーションがパネルに表示されます。
ページをオーサリングする際に、エクスペリエンスフラグメントを使用できるようになりました。
編集するページを開きます。
例:http://localhost:4502/editor.html/content/we-retail/language-masters/en/products/men.html
コンポーネントブラウザーからページ段落システムにコンポーネントをドラッグして、エクスペリエンスフラグメントコンポーネントのインスタンスを作成します。
次のいずれかの方法で、実際のエクスペリエンスフラグメントをコンポーネントインスタンスに追加します。
コンポーネントツールバーの「編集」は、フラグメントエディターでフラグメントを開くためのショートカットとして動作します。
1 つ以上のコンポーネントを選択して、フラグメント内で再利用するための構築ブロックを作成できます。
新しい構築ブロックを作成するには、次の手順に従います。
エクスペリエンスフラグメントエディターで、再利用するコンポーネントを選択します。
コンポーネントツールバーから、「構築ブロックに変換」を選択します。
次に例を示します。
構築ブロックの名前を入力して、「変換」で確定します。
構築ブロックがタブに表示され、段落システムで選択できます。
構築ブロックは、「構築ブロック」タブに表示されます。各ブロックでは、次の操作をおこなえます。
任意のコンポーネントと同様に、構築ブロックをフラグメントの段落システムにドラッグできます。
URL で .plain.
セレクターを使用すると、プレーン HTML レンディションにアクセスできます。
これはブラウザーから利用できますが、主な目的は、他のアプリケーション(例えば、サードパーティ Web アプリ、カスタムモバイル実装など)が、URL のみを使用して、エクスペリエンスフラグメントのコンテンツに直接アクセスできるようにすることです。
プレーン HTML レンディションは、次のようなパスにプロトコル、ホストおよびコンテキストパスを追加します。
タイプが src
、href
、action
のいずれか
または、-src
か -href
で終わる
次に例を示します。
.../brooklyn-coat/master.plain.html
リンクは、常に、パブリッシュインスタンスを参照します。リンクは、サードパーティによって使用されることを意図しているので、オーサーインスタンスではなく、常にパブリッシュインスタンスから呼び出されます。
デフォルトでは、エクスペリエンスフラグメントは HTML 形式で配信され、AEM とサードパーティチャネルのどちらでも同じように使用できます。
Adobe Targetへの書き出しには、HTMLが使用されます。 詳しくは、Adobe Target とエクスペリエンスフラグメントの統合を参照してください。