メールページコンポーネント email-page-component
メールページコンポーネントは、テンプレートエディターと連携するように設計された拡張可能なページコンポーネントです。このコンポーネントを使用すれば、Adobe Campaign コンテンツの作成用にカスタマイズされたテンプレートエディターでページのヘッダー／フッターおよび構造要素を組み立てることができます。
使用方法 usage
メールページコンポーネントは、メールコアコンポーネントと編集可能なテンプレートを使用して設計されるあらゆるページの基礎となるものです。メールページコンポーネントを使用すれば、ページのヘッダー、フッター、構造を、他のメールコアコンポーネントを使用する際のテンプレートとして定義できます。
バージョンと互換性 version-and-compatibility
このドキュメントでは、メールページコンポーネントの現在のバージョン（2022年10月にメールコアコンポーネントのリリース X で導入された v1）について説明します。
コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。
メールコアコンポーネントのバージョンとリリースについて詳しくは、メールコアコンポーネントのバージョンを参照してください。
技術的詳細 technical-details
ページコンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。
コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。
編集ダイアログ edit-dialog
ページコンポーネントはページ全体を表しているので、通常は編集ダイアログで設定する内容が、ページのプロパティウィンドウにあります。
「クラウドサービス」タブ cloud-services
メールコアコンポーネントがキャンペーンの変数とデータを取得するには、ページが Adobe Campaign 設定にリンクされている必要があります。
「クラウドサービス設定」見出しの下のドロップダウンで、「設定を追加」を選択します。
「Adobe Campaign」見出しの下で、Adobe Campaign との統合の設定を選択します。
メールコアコンポーネントの設定について詳しくは、メールコアコンポーネントの使用ドキュメントを参照してください。
「メール」タブ email-tab
「メール」タブでは、メールの件名やプレーンテキストコンテンツなど、Adobe Campaign 経由で送信されるメールのプロパティを、このページのコンテンツに基づいて定義します。
- 件名 - このページに基づいて Adobe Campaign から送信されるメールの件名
- 「Adobe Campaign 変数を選択」アイコンをクリックして Adobe Campaign 変数を選択ダイアログを開き、Adobe Campaign から動的コンテンツを挿入します。
- プリヘッダー
- 「Adobe Campaign 変数を選択」アイコンをクリックして Adobe Campaign 変数を選択ダイアログを開き、Adobe Campaign から動的コンテンツを挿入します。
- テキスト - Adobe Campaign から送信されるメールのプレーンテキストバージョン
- 「Adobe Campaign 変数を選択」アイコンをクリックして Adobe Campaign 変数を選択ダイアログを開き、Adobe Campaign から動的コンテンツを挿入します。
- 参照 URL
デザインダイアログ design-dialog
ページコンポーネントはページ全体を表しているので、ページテンプレートを編集する際は、ページ情報／ページポリシー でデザインダイアログにアクセスします。
「プロパティ」タブ properties-tab
ページデザインウィンドウを使用すれば、読み込むクライアントライブラリとページの Web リソースライブラリを定義できます。
-
クライアントライブラリ - 読み込むクライアントライブラリカテゴリを定義します。JavaScript が本文の末尾に追加され、CSS がページの先頭に追加されます。
-
クライアントライブラリ JavaScript ページ先頭 - ページの先頭に読み込む JavaScript クライアントライブラリカテゴリを定義します。
- ここで定義したカテゴリが「クライアントライブラリ」フィールドにも存在する場合は、JavaScript が本文の末尾ではなくページの先頭に読み込まれます。
- カテゴリが「クライアントライブラリ」フィールドにも存在する場合を除き、CSS は読み込まれません。
-
JavaScript ライブラリを非同期で読み込む - 有効にすると、カスタムJavaScriptライブラリが非同期で読み込まれます。
-
Web リソースクライアントライブラリ - favicon などの Web リソースを提供するために使用されるクライアントライブラリカテゴリです。
-
メインコンテンツ要素セレクターにスキップ - ページのメインコンテンツに直接スキップするアクセシビリティ機能として使用されます。
「クライアントライブラリ」と「クライアントライブラリ JavaScript ページ先頭」の両方のフィールドにライブラリを次のように設定できます。
- 新しいフィールドを追加するには、フィールドの下にある「追加」ボタンをクリックまたはタップします。
- フィールドを削除するには、削除するフィードの横にあるごみ箱アイコンをクリックまたはタップします。
- 読み込み順序を変更するには、移動するフィールドの横にあるハンドルをクリックまたはタップしてドラッグします。
クライアントサイドライブラリの使用について詳しくは、クライアントサイドライブラリの使用を参照してください。