エクスペリエンスフラグメント

Adobe Experience Manager as a Cloud Service 内では、エクスペリエンスフラグメントは、

• 1 つ以上のコンポーネントのグループです。
• コンテンツとレイアウトの両方を含んでいます。
• ページ内で参照可能です。
• 任意のコンポーネントを含めることができます。

エクスペリエンスフラグメントは、

• エクスペリエンス（ページ）の一部です。
• 複数のページで使用できます。
• 構造とコンポーネントを定義するテンプレートに基づいています（編集可能なみ）。
• このテンプレートは、エクスペリエンスフラグメントの​ルートページ​の作成に使用されます。
• 段落システム内の 1 つ以上のコンポーネント（レイアウト付き）で構成されます。
• 他のエクスペリエンスフラグメントを含めることができます。
• 他のコンポーネント（他のエクスペリエンスフラグメントを含む）と組み合わせて、完全なページ（エクスペリエンス）を形成できます。
• ルートページに基づいて、1 つ以上のバリエーションを作成できます。
• これらのバリエーションでは、コンテンツやコンポーネントを共有できます。
• フラグメントの複数のバリエーションで使用できる構築ブロックに分類できます。

エクスペリエンスフラグメントを使用できるのは、次の場合です。

• 作成者がページの一部（エクスペリエンスのフラグメント）を再利用する場合。
  エクスペリエンスフラグメントを使用しなければ、作成者はそのフラグメントをコピーして貼り付ける必要があります。これらのエクスペリエンスのコピー／貼り付けの作成と管理には時間がかかり、ユーザーエラーが発生しがちです。
  エクスペリエンスフラグメントは、コピー／貼り付けを不要にします。
• ヘッドレス CMS の使用例をサポートする場合。
  作成者は AEM をオーサリングにのみ使用し、顧客への配信には使用しないようにします。サードパーティシステム／タッチポイントは、そのエクスペリエンスを使用してエンドユーザーに配信します。

エクスペリエンスフラグメントを使用するタイミング

エクスペリエンスフラグメントは以下の場合に使用します。

• エクスペリエンスを再利用する場合。
  • 同じコンテンツや類似のコンテンツで再利用されるエクスペリエンス。
• AEMをサードパーティのコンテンツ配信プラットフォームとして使用する場合。
  • AEMをコンテンツ配信プラットフォームとして使用するソリューション。
  • サードパーティのタッチポイントへのコンテンツの埋め込み。
• 異なるバリエーションやレンディションを持つエクスペリエンスがある場合。
  • チャネル固有またはコンテキスト固有のバリエーション。
  • グループに対応したエクスペリエンス（チャネル間でエクスペリエンスが異なるキャンペーンなど）。
• オムニチャネルコマースを使用する場合。
  • タッチポイントのトランザクション化。

エクスペリエンスフラグメントの整理

以下をお勧めします。

• フォルダーを使用してエクスペリエンスフラグメントを整理する。

• これらのフォルダーで使用可能なテンプレートを設定する。

フォルダーを作成すると、次の操作を行うことができます。

• エクスペリエンスフラグメントにとって意味のある構造（例：分類に従った構造）を作成する。

  メモ

  エクスペリエンスフラグメントの構造をサイトのページ構造に合わせる必要はありません。

• 許可されたテンプレートをフォルダーレベルで割り当てる。

  メモ

  テンプレートエディターを使用すると、独自のテンプレートを作成できます。

WKND プロジェクトでは、Contributors に従って一部のエクスペリエンスフラグメントを構造化します。また、使用される構造は、マルチサイト管理（言語コピーを含む）などの他の機能の使用方法の例も示します。

以下を参照してください。

http://localhost:4502/aem/experience-fragments.html/content/experience-fragments/wknd/language-masters/en/contributors/kumar-selveraj/master

エクスペリエンスフラグメントのフォルダーの作成と設定

エクスペリエンスフラグメントのフォルダーを作成および設定するには、次の操作をお勧めします。

1. フォルダーを作成 します。

2. そのフォルダーに使用できるエクスペリエンスフラグメントテンプレートを設定します。

フォルダーに使用できるテンプレートの設定

1. 必要な​エクスペリエンスフラグメント​フォルダーに移動します。

2. フォルダーを選択してから、「プロパティ」を選択します。

3. 必要なテンプレートを取得するための正規表現を「許可されたテンプレート」フィールドに指定します。

   次に例を示します。
   /conf/(.*)/settings/wcm/templates/experience-fragment(.*)?

   以下を参照してください。
   http://localhost:4502/mnt/overlay/cq/experience-fragments/content/experience-fragments/folderproperties.html/content/experience-fragments/wknd

   

   メモ

   詳しくは、エクスペリエンスフラグメントのテンプレートを参照してください。

4. 「保存して閉じる」を選択します。

インスタンスに使用できるテンプレートの設定

1. 必要な​エクスペリエンスフラグメント​コンソールに移動します。

2. 「設定オプション」を選択します。

   

3. エクスペリエンスフラグメントを設定​ダイアログで、必要なテンプレートを指定します。

   

   メモ

   詳しくは、エクスペリエンスフラグメントのテンプレートを参照してください。

4. 「保存」を選択します。

エクスペリエンスフラグメントの作成

エクスペリエンスフラグメントを作成するには、次の手順に従います。

1. グローバルナビゲーションから「エクスペリエンスフラグメント」を選択します。

   

2. 目的のフォルダーに移動し、「作成」をクリックします。

   

3. 「エクスペリエンスフラグメント」を選択して、エクスペリエンスフラグメントを作成​ウィザードを開きます。

   適切な​テンプレート​を選択して、「次へ」を選択します。

   

4. エクスペリエンスフラグメント​の​プロパティ​を入力します。

   A タイトル は必須です。 この 名前 が空白の場合は、 タイトル.

   

   メモ

   エクスペリエンスフラグメントテンプレート内のタグは、このエクスペリエンスフラグメントルートページのタグとは結合されません。

   これらは完全に別個のものです。

5. 「作成」をクリックします。

   メッセージが表示されます。 選択:

   • 「完了」を選択すると、コンソールに戻ります。
   • 「開く」を選択すると、フラグメントエディターを開きます。

エクスペリエンスフラグメントの編集

エクスペリエンスフラグメントエディターには、通常のページエディターと似た機能があります。

次の手順の例は、製品のティーザーを作成する方法を示しています。

1. 必要なコンポーネントをコンポーネントブラウザーからドラッグ＆ドロップします。

2. コンポーネントに応じて以下を行います。

   • コンテンツやアセットを必要に応じて追加します。
   • プロパティを必要に応じて設定します。

3. 必要に応じてその他のコンポーネントを追加します。

例：http://<host>:<port>/editor.html/content/experience-fragments/wknd/language-masters/en/contributors/stacey-roswells/master.html

エクスペリエンスフラグメントのバリエーションの作成

必要に応じて、エクスペリエンスフラグメントのバリエーションを作成できます。

1. フラグメントを開く対象 編集中.

2. 「バリエーション」タブを開きます。

   

3. 作成 では、以下を作成できます。

   • バリエーション
   • バリエーションをライブコピーとして。

4. 必要なプロパティを定義します。

   • テンプレート
   • タイトル
   • 名前（空欄のままの場合、タイトルから派生される）
   • 説明
   • バリエーションのタグ

   次に例を示します。

   

5. 「完了」で確定すると、新しいバリエーションがパネルに表示されます。

エクスペリエンスフラグメントの使用

これで、ページのオーサリング時にエクスペリエンスフラグメントを使用できます。

1. 任意のページを開いて編集します。

2. ページの段落システム内に、エクスペリエンスフラグメントコンポーネントのインスタンスを作成します。

3. 次のいずれかの方法で、実際のエクスペリエンスフラグメントをコンポーネントインスタンスに追加します。

   • アセットブラウザーから必要なフラグメントをドラッグして、コンポーネントにドロップします。
   • コンポーネントツールバーから​設定​を選択して、使用するフラグメントを指定し、「完了」で確定します。
   メモ

   コンポーネントツールバーの「編集」は、フラグメントエディターでフラグメントを開くためのショートカットとして動作します。

例：http://<host>:<port>/editor.html/content/wknd/language-masters/en/about-us.html

構築ブロック

1 つ以上のコンポーネントを選択して、フラグメント内で再利用するための構築ブロックを作成できます。

構築ブロックの作成

新しい構築ブロックを作成するには：

1. エクスペリエンスフラグメントエディターで、再利用するコンポーネントを選択します。

   

2. コンポーネントツールバーから、「構築ブロックに変換」を選択します。

   

3. 構築ブロック​の名前を入力して、「変換」で確定します。

   

4. 構築ブロック​が左タブ（「ローカル」）に表示され、以降のアクションで選択できます。

   

構築ブロックの管理

構築ブロックは、 構築ブロック タブをクリックします。 各ブロックでは、次の操作を行えます。

• マスターに移動（ルートページバリエーションを新しいタブで開く）
• 名前を変更
• 削除

構築ブロックの使用

任意のコンポーネントと同様に、構築ブロックをフラグメントの段落システムにドラッグできます。

エクスペリエンスフラグメントを編集する際に、使用可能な構築ブロックが左側のタブに表示されます。次の条件でフィルタリングできます。

• ローカル - 現在のエクスペリエンスフラグメントの構築ブロック
• すべて - すべてのフラグメントの構築ブロック

エクスペリエンスフラグメントのパーソナライズ機能

エクスペリエンスフラグメントのパーソナライズ機能を使用すると、マーケターはエクスペリエンスフラグメントのターゲットオーディエンスを 1 回だけ定義し、任意のページでフラグメントを再利用することができます。 この特徴は次のとおりです。

• フラグメントを使用するたびに、オーディエンスごとに必要なバリエーションを指定する必要がなくなります
• オファー全体のスタイル設定を維持します

この単一のフラグメント内にグループ化された複数のコンポーネントを含むエクスペリエンスフラグメントを作成することができます。 また、特定のオーディエンスセグメントごとにフラグメントのバリエーションを作成し、必要なチャネルでそれらのエクスペリエンスフラグメントを再利用することもできます。

パーソナライゼーションは、 エクスペリエンスフラグメントまたはバリエーション、またはフラグメントを含むフォルダーのいずれかで パーソナライゼーション プロパティを定義することによって実現されます。 これは継承することにより、パーソナライゼーションプロパティをオーバーライドできることを意味します。

これらのプロパティを設定すると、エクスペリエンスフラグメントエディターで​ターゲティング​モードを有効化することができます。

エクスペリエンスフラグメントのパーソナライゼーションの定義

フラグメントをパーソナライズするには：

1. エクスペリエンスフラグメント​コンソール内の必要な場所に移動します。

2. フォルダーまたはフラグメントを選択し、さらにツールバーの​プロパティ​を選択します。

   メモ

   フォルダーに定義されたパーソナライゼーションプロパティは、サブツリー内のすべての子フォルダーと、そのサブツリー内のエクスペリエンスフラグメント（およびバリエーション）に継承されます。 継承を解除することで、上書きできます。

3. パーソナライゼーション​タブをを開き、設定を定義して保存します。 例えば、フォルダーの場合：

   

   注意

   フラグメントが Sites ページに埋め込まれたとき、および​パーソナライゼーション​が設定されている場合、ページのレンダリング時には、ページのパーソナライゼーションバージョンのみが使用されます。

   フラグメント内のコンポーネントで実行されるターゲティングがページレンダリングで機能するには、次の条件を満たす必要があります。

   パーソナライゼーション​タブで選択されたこの ContextHub パス は、次のいずれかである必要があります。

   • フラグメントがレンダリングされるページ用に設定されたパスと同じパス
     または：
   • ページ用に設定された ContextHub で定義されたストアのサブセットを含むパス

「パーソナライゼーション」タブで選択された​セグメントパス​は、次のいずれかである必要があります。

• フラグメントがレンダリングされるページ用に設定されたものと同じパス
  または
• ページ用に設定されたセグメントのサブセットを含むパス

エクスペリエンスフラグメントのターゲティングの定義

パーソナライゼーションプロパティを設定すると、フラグメントを編集用に開いたときに、ターゲティングモードを使用できるようになります。

このモードは、ページ編集の場合と同じ方法で動作します。 詳しくは、ページエディターのターゲティングモードを参照してください。

エクスペリエンスフラグメントの詳細

フラグメントの詳細は、以下のようにして確認できます。

1. エクスペリエンスフラグメントの場所に移動します（フラグメント内のバリエーションまで移動しないでください）。
   詳細は、エクスペリエンスフラグメント​コンソールのすべてのビューに表示されます。リスト表示​には、Adobe Target への書き出しの詳細も含まれます。

   

2. エクスペリエンスフラグメントの​プロパティ​を開くと、

   

   プロパティが次のように様々なタブに表示されます。

   注意

   これらのタブは、エクスペリエンスフラグメントコンソールから「プロパティ」を開くと表示されます。
   エクスペリエンスフラグメントの編集時に​プロパティを開く​と、適切なページのプロパティが表示されます。

   

   • 基本
     • タイトル（必須）
     • 説明
     • タグ
     • バリアントの合計数 - 情報提供のみ
     • Web バリアントの数 - 情報提供のみ
     • 非 Web バリアントの数 - 情報提供のみ
     • このフラグメントを使用するページの数 — 情報のみ
   • Cloud Services
     • クラウド設定
     • クラウドサービス設定
     • Facebook ページ ID
     • Pinterest ボード
   • 参照
     • 参照のリスト
   • パーソナライズ機能
     • ContextHub のパス
     • セグメントのパス
     • ブランド

プレーン HTML レンディション

URL の .plain. セレクターを使用すると、ブラウザーからプレーン HTML レンディションにアクセスできます。

エクスペリエンスフラグメントの公開

エクスペリエンスフラグメントの公開は、基本的に、ページの公開と同じです（エクスペリエンスフラグメントコンソールまたはエディターを使用）。

または、プレビューに公開することもできます（同じく、エクスペリエンスフラグメントコンソールまたはエディターを使用）。

エクスペリエンスフラグメントの書き出し

デフォルトでは、エクスペリエンスフラグメントはHTML形式で配信されます。 AEM とサードパーティチャネルのどちらでも同じように使用できます。

Adobe Targetに書き出す場合は、JSON も使用できます。 以下を参照してください。

• Adobe Target との統合
• Adobe Target へのエクスペリエンスフラグメントの書き出し

Business.Adobe.com リソース