メールセグメント化コンポーネント email-segmentation-component

メールセグメント化コンポーネントでは、Adobe Campaign の変数を使用して、コンテンツの受信者に基づいてコンテンツの表示と非表示を切り替えます。

使用方法 usage

メールセグメント化コンポーネントを使用すると、Adobe Campaign から提供される、受信者に関する変数が満たす条件に基づいて、コンテンツ作成者がコンテンツの表示と非表示を切り替えることができます。このようにして、セグメント化に基づいてコンテンツが受信者に表示されます。

  • テンプレート作成者は、デザインダイアログを使用して、セグメントとして追加できるコンポーネントを定義できます。
  • コンテンツ作成者は設定ダイアログを使用して、コンポーネントをセグメントとして追加し、表示するセグメントを Adobe Campaign 変数に基づいて設定することができます。

設定ダイアログを使用する代わりに、メールセグメント化コンポーネントをコンテンツページに追加したら、コンテンツ作成者は、追加のコンポーネントをメールセグメント化コンポーネントにドラッグ&ドロップして新しいセグメントを作成することもできます。

バージョンと互換性 version-and-compatibility

このドキュメントでは、メールセグメント化コンポーネントの現在のバージョン(2022年10月にメールコアコンポーネントのリリース x で導入された v1)について説明します。

コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。

コンポーネントのバージョン
AEM 6.5
AEM as a Cloud Service
v1
互換性あり
-

技術的詳細 technical-details

メールティーザーコンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。

コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。

設定ダイアログ configure-dialog

編集ダイアログでは、コンテンツ作成者がセグメントの作成、名前変更、並べ替えを行ったり、アクティブなセグメントを定義したりできます。メールセグメント化コンポーネントでは、セグメントは、コンテンツの受信者が満たす条件に基づいて表示/非表示が切り替わる別のコンポーネントにすぎません。これをコアコンポーネントタブコンポーネントになぞらえることができますが、セグメント化コンポーネントでは、条件が満たされるタブのコンテンツのみが表示されます。

「項目」タブ items-tab

メールセグメント化コンポーネントの設定ダイアログの「項目」タブ

セグメントを追加」ボタンを使用してコンポーネントセレクターを開くと、セグメントとして追加するコンポーネントを選択できます。追加が完了すると、以下の要素を含んだエントリがリストに追加されます。

TIP
コンテンツのビューポートを縮小して編集ダイアログが全画面表示になるようにすると、「追加」ボタンが非表示になります。コンポーネントブラウザーからコンテンツエディターのメールセグメント化コンポーネントにドラッグ&ドロップすることで、コンポーネントをメールセグメント化コンポーネントに追加することはできます。

「プロパティ」タブ properties-tab

メールセグメント化コンポーネントの設定ダイアログの「プロパティ」タブ

  • ID - このオプションを使用すると、HTML 内のコンポーネントの一意の ID を制御できます。

    • これを空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
    • ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
    • ID を変更すると、CSS に影響を与える可能性があります。

「アクセシビリティ」タブ accessibility-tab

メールセグメント化コンポーネントの設定ダイアログの「アクセシビリティ」タブ

アクセシビリティ」タブでは、コンポーネントの「ARIA アクセシビリティ」ラベルの値を設定できます。

  • ラベル - コンポーネントの ARIA ラベル属性の値

「スタイル」タブ styles-tab-edit

メールセグメント化コンポーネントでは、AEM スタイルシステムをサポートしています。

ドロップダウンを使用して、コンポーネントに適用するスタイルを選択します。編集ダイアログでの選択項目は、コンポーネントツールバーから選択した項目と同じ効果があります。

このタブを使用するには、デザインダイアログでこのコンポーネントのスタイルを設定する必要があります。

パネルを選択 select-panel

コンポーネントツールバーの「パネルを選択」オプションを使用すれば、コンテンツの作成者は、編集用に別のセグメントに切り替えたり、簡単にセグメントを並べ替えたりできます。

「パネルを選択」アイコン

コンポーネントツールバーの「パネルを選択」オプションを選択すると、設定済みのセグメントがドロップダウンとして表示されます。

  • リスト内のセグメントは割り当てられた順序で並べられ、その順番が通し番号に反映されます。
  • まずセグメントのコンポーネントタイプが表示され、次にセグメントの説明が薄いフォントで表示されます。

「パネルを選択」ポップオーバー

  • ドロップダウン内の 1 つのエントリをタップまたはクリックすると、エディターのビューがそのセグメントに切り替わります。
  • ドラッグハンドルを使用すれば、セグメントをインプレースで並べ替えることができます。
NOTE
セグメントはページエディター内のタブとしてレンダリングされ、最終的なコンテンツに対して複数のオプションがあることを示します。作成者がページエディター内でこれらのタブを選択することはできません。選択パネルを使用すると、表示するセグメントを切り替えることができます。

デザインダイアログ design-dialog

デザインダイアログでは、テンプレート作成者が、メールセグメント化コンポーネントにセグメントとして追加できるコンポーネントを定義したり、コンテンツ作成者が利用できるカスタムスタイルを定義したりできます。

「許可されたコンポーネント」タブ allowed-components-tab

許可されたコンポーネント」タブでは、コンテンツ作成者がメールセグメント化コンポーネントにセグメントとして追加できるコンポーネントを定義できます。

許可されたコンポーネント」タブは、テンプレートエディターでレイアウトコンテナのポリシーやプロパティを定義する際の同じ名前のタブと同じように機能します。

「スタイル」タブ styles-tab

メールセグメント化コンポーネントでは、AEM スタイルシステムをサポートしています。

「定義済み条件」タブ defined-conditions

定義済み条件」タブを使用すると、テンプレートエディターで、セグメントの作成時にコンテンツ作成者が選択できる条件を定義できます。

デザインダイアログの「定義済み条件」タブ

追加」ボタンをタップまたはクリックすると、新しい条件を作成できます。

  • セグメント条件名 - 条件の説明

  • セグメント条件 - Adobe Campaign のパーソナライゼーション変数に基づいて、満たす必要がある実際の条件

  • 削除 - タップしてクリックすると、条件を削除できます

  • 並べ替え - タップまたはクリックしてドラッグすると、順序を並べ替えることができます

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c