エクスペリエンスフラグメント experience-fragments

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

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

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

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

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

  • 作成者がページの一部(エクスペリエンスのフラグメント)を再利用する場合。
    エクスペリエンスフラグメントを使用しなければ、作成者はそのフラグメントをコピーして貼り付ける必要があります。これらのエクスペリエンスのコピー/貼り付けの作成と管理には時間がかかり、ユーザーエラーが発生しがちです。
    エクスペリエンスフラグメントは、コピー/貼り付けを不要にします。
  • ヘッドレス CMS の使用例をサポートする場合。
    作成者は AEM をオーサリングにのみ使用し、顧客への配信には使用しないようにします。サードパーティシステム/タッチポイントは、そのエクスペリエンスを使用してユーザーに配信します。
NOTE
コンテンツフラグメント ​と​ エクスペリエンスフラグメント ​は、AEM 内の異なる機能です。
  • コンテンツフラグメント ​は、定義と構造を備えたエディトリアルコンテンツですが、視覚的なデザインやレイアウトは追加されていません。コンテンツフラグメントを使用すれば、テキスト、数値、日付などの構造化データにアクセスできます。
  • エクスペリエンスフラグメント ​は完全にレイアウトされたコンテンツであり、web ページのフラグメントです。
エクスペリエンスフラグメントには、コンテンツフラグメントの形式でコンテンツを含めることができますが、その逆はできません。
詳しくは、AEM のコンテンツフラグメントとエクスペリエンスフラグメントについてを参照してください。
NOTE
エクスペリエンスフラグメントの書き込みアクセス権には、次のグループに登録されたユーザーアカウントが必要です。
  • experience-fragments-editors
問題が発生している場合は、システム管理者にお問い合わせください。

エクスペリエンスフラグメントを使用するタイミング? when-should-you-use-experience-fragments

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

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

    • 同じコンテンツや類似のコンテンツで再利用されるエクスペリエンス。
  • AEM をサードパーティのコンテンツ配信プラットフォームとして使用する場合。

    • AEM をコンテンツ配信プラットフォームとして使用するソリューション.
    • サードパーティのタッチポイントへのコンテンツの埋め込み。
  • 異なるバリエーションやレンディションを持つエクスペリエンスがある場合。

    • チャネル固有またはコンテキスト固有のバリエーション.
    • グループに対応したエクスペリエンス(チャネル間でエクスペリエンスが異なるキャンペーンなど)
  • オムニチャネルコマースを使用する場合。

    • タッチポイントのトランザクション化。

エクスペリエンスフラグメントの整理 organizing-your-experience-fragments

以下をお勧めします。

フォルダーを作成すると、次の操作が可能になります。

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

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

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

エクスペリエンスフラグメントのフォルダー

エクスペリエンスフラグメントのフォルダーの作成と設定 creating-and-configuring-a-folder-for-your-experience-fragments

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

NOTE
また、インスタンスに使用できるテンプレートを設定することもできますが、アップグレード時に値が上書きされる可能性があるので、この方法は​ お勧めしません

フォルダーに使用できるテンプレートの設定 configure-allowed-templates-folder

NOTE
アップグレード時に値が上書きされないので、「許可されたテンプレート」を指定する場合は、この方法をお勧めします。
  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

    エクスペリエンスフラグメントのプロパティ - 許可されたテンプレート

    note note
    NOTE
    詳しくは、エクスペリエンスフラグメントのテンプレートを参照してください。
  4. 保存して閉じる」を選択します。

インスタンスに使用できるテンプレートの設定 configure-allowed-templates-instance

CAUTION
指定したテンプレートがアップグレード時に上書きされる可能性があるので、「許可されたテンプレート」をこの方法で変更することはお勧めしません。
このダイアログボックスは、情報提供のみを目的として使用します。
  1. 必要な​ エクスペリエンスフラグメント ​コンソールに移動します。

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

    設定ボタン

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

    エクスペリエンスフラグメントを設定

    note note
    NOTE
    詳しくは、エクスペリエンスフラグメントのテンプレートを参照してください。
  4. 保存」を選択します。

エクスペリエンスフラグメントの作成 creating-an-experience-fragment

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

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

    ナビゲーションパネルのエクスペリエンスフラグメント

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

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

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

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

    エクスペリエンスフラグメントテンプレートの選択

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

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

    エクスペリエンスフラグメントのプロパティ

    note note
    NOTE
    エクスペリエンスフラグメントテンプレート内のタグは、このエクスペリエンスフラグメントルートページのタグとは結合されません。
    これらは完全に別個のものです。
  5. 作成」をクリックします。

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

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

エクスペリエンスフラグメントの編集 editing-your-experience-fragment

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

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

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

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

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

    • コンテンツやアセットを必要に応じて追加します。
    • プロパティを必要に応じて設定します。
  3. 必要に応じてその他のコンポーネントを追加します。

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

ページ上のエクスペリエンスフラグメント

エクスペリエンスフラグメントのバリエーションの作成 creating-an-experience-fragment-variation

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

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

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

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

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

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

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

    次に例を示します。

    バリエーションのプロパティ

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

エクスペリエンスフラグメントの使用 using-your-experience-fragment

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

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

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

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

    • アセットブラウザーから必要なフラグメントをドラッグして、コンポーネントにドロップします。
    • コンポーネントツールバーから​ 設定 ​を選択して、使用するフラグメントを指定し、「完了」で確定します。
    note note
    NOTE
    コンポーネントツールバーの「編集」は、フラグメントエディターでフラグメントを開くためのショートカットとして動作します。

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

ページエディター内のエクスペリエンスフラグメント

構築ブロック building-blocks

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

構築ブロックの作成 creating-a-building-block

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

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

    構築ブロック用コンポーネントの選択

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

    構築ブロックボタン

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

    構築ブロック名の設定

  4. 構築ブロック ​が左タブ(ローカル)に表示され、選択してさらにアクションを実行できます。

    パネル内の構築ブロック

構築ブロックの管理 managing-a-building-block

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

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

構築ブロックの管理

構築ブロックの使用 using-a-building-block

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

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

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

構築ブロックの選択

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

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

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

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

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

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

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

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

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

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

    note note
    NOTE
    フォルダーに定義されたパーソナライゼーションプロパティは、サブツリー下のすべての子フォルダーと、そのサブツリー内のエクスペリエンスフラグメント(およびバリエーション)に継承されます。継承を解除することで、上書きできます。
  3. パーソナライゼーション ​タブをを開き、設定を定義して保存します。 例えば、フォルダーの場合:

    エクスペリエンスフラグメント - パーソナライゼーションプロパティ

    note caution
    CAUTION
    フラグメントが Sites ページに埋め込まれている場合および​ パーソナライゼーション ​が設定されている場合、ページのレンダリング時には、ページのパーソナライゼーションバージョンのみが使用されます。
    フラグメント内のコンポーネントで実行されるターゲティングがページレンダリングで機能するには、次の条件を満たす必要があります。
    パーソナライゼーション ​タブで選択されたこの ContextHub パス は、次のいずれかである必要があります。
    • フラグメントがレンダリングされるページ用に設定されたパスと同じパス

      または:

    • ページ用に設定された ContextHub で定義されたストアのサブセットを含むパス

    パーソナライゼーション」タブで選択された​ セグメントパス ​は、次のいずれかである必要があります。
    • フラグメントがレンダリングされるページ用に設定されたパスと同じパス

      または

    • ページ用に設定されたセグメントのサブセットを含むパス

エクスペリエンスフラグメントのターゲティングの定義 defining-targeting-experience-fragment

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

エクスペリエンスフラグメントエディター - ターゲティングモード

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

エクスペリエンスフラグメントの詳細 details-of-your-experience-fragment

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

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

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

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

    「プロパティ」ボタン

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

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

    エクスペリエンスフラグメントのプロパティ

    • 基本

      • タイトル(必須)
      • 説明
      • タグ
      • バリアントの合計数 - 情報提供のみ
      • Web バリアントの数 - 情報提供のみ
      • 非 Web バリアントの数 - 情報提供のみ
      • このフラグメントを使用するページの数 - 情報提供のみ
    • Cloud Services

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

      • 参照のリスト
    • パーソナライズ機能

      • ContextHub のパス
      • セグメントのパス
      • ブランド

プレーン HTML レンディション the-plain-html-rendition

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

エクスペリエンスフラグメントの公開 publishing-experience-fragments

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

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

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

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

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

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab