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

エクスペリエンスフラグメントは、ページ内で参照できるコンテンツおよびレイアウトを含む 1 つ以上のコンポーネントのグループです。任意のコンポーネントを含めることができます。

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

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

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

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

エクスペリエンスフラグメントの書き込みアクセス権には、次のグループに登録されたユーザーアカウントが必要です。

experience-fragments-editors
問題が発生している場合は、システム管理者にお問い合わせください。

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

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

  • エクスペリエンスを再利用する場合。

    • 同じコンテンツまたは似たコンテンツで再利用されるエクスペリエンス
  • サードパーティのためのコンテンツ配信プラットフォームとして 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. グローバルナビゲーションから「エクスペリエンスフラグメント」を選択します。

    xf-01

  2. 必要なフォルダーに移動し、「作成」を選択します。

    xf-02

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

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

    xf-03

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

    タイトル​は必須です。名前​が空欄のままの場合、タイトル​から派生されます。

    xf-04

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

    メッセージが表示されます。以下から選択します。

    • 完了」を選択すると、コンソールに戻ります。

    • 開く」を選択すると、フラグメントエディターを開きます。

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

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

メモ

ページエディターの使用方法について詳しくは、ページのコンテンツの編集を参照してください。

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

  1. コンポーネントブラウザーから​ティーザー​をドラッグ&ドロップします。

    xf-05

  2. コンポーネントツールバーから​設定​を選択します。

  3. 必要に応じて​アセット​を追加して​プロパティ​を定義します。

  4. 完了(チェックマークアイコン)をクリックして定義を確定します。

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

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

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

  1. 編集するフラグメントを開きます。

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

    xf-authoring-06

  3. 作成」を使用すると、以下を作成できます。

    • バリエーション
    • バリエーションをライブコピーとして
  4. 必要なプロパティを定義します。

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

    xf-06

  5. 完了(チェックマークアイコン)で確定すると、新しいバリエーションがパネルに表示されます。

    xf-07

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

ページをオーサリングする際に、エクスペリエンスフラグメントを使用できるようになりました。

  1. 編集するページを開きます。

    次に例を示します。https://localhost:4502/editor.html/content/we-retail/language-masters/en/products/men.html

  2. コンポーネントブラウザーからページ段落システムにコンポーネントをドラッグして、エクスペリエンスフラグメントコンポーネントのインスタンスを作成します。

    xf-08

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

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

    xf-09

    メモ

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

構築ブロック

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

構築ブロックの作成

新しい構築ブロックを作成するには、次の手順に従います。

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

    xf-10

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

    xf-authoring-13-icon

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

    xf-11

  4. 構築ブロック​がタブに表示され、段落システムで選択できます。

    xf-12

構築ブロックの管理

構築ブロックは、「構築ブロック」タブに表示されます。各ブロックでは、次の操作をおこなえます。

  • マスターに移動(マスターバリエーションを新しいタブで開く)
  • 名前を変更
  • 削除

xf-13

構築ブロックの使用

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

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

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

  1. 詳細は、エクスペリエンスフラグメント​コンソールのすべてのビューに表示されます。リスト表示​には、Adobe Target への書き出しの詳細も含まれます。

    ef-03

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

    ef-04

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

    注意

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

    ef-05

    • 基本

      • タイトル(必須)

      • 説明

      • タグ

      • バリアントの合計数 - 情報提供のみ

      • Web バリアントの数 - 情報提供のみ

      • 非 Web バリアントの数 - 情報提供のみ​

      • このフラグメントを使用するページの数 - 情報提供のみ

    • Cloud Services

      • クラウド設定
      • クラウドサービス設定
      • Facebook ページ ID
      • Pinterest ボード
    • 参照

      • 参照のリスト.
    • ソーシャルメディアのステータス

      • ソーシャルメディアバリエーションの詳細。

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

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

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

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

Adobe Target への書き出しには、JSON も使用できます。詳しくは、Adobe Target とエクスペリエンスフラグメントの統合を参照してください。

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now
Adobe Maker Awards Banner

Time to shine!

Apply now for the 2021 Adobe Experience Maker Awards.

Apply now