Adobe Campaign コンポーネント adobe-campaign-components

Adobe Campaign と統合すると、ニュースレター用のコンポーネントとフォーム用のコンポーネントを使用できるようになります。このドキュメントでは、両方のコンポーネントについて説明します。

Adobe Campaign ニュースレターコンポーネント adobe-campaign-newsletter-components

すべての Adobe Campaign コンポーネントは、メールテンプレートのベストプラクティスで大まかに説明されているベストプラクティスに従います。また、Adobe マークアップ言語 HTL をベースとしています。

Adobe Campaign と連携するように設定されているニュースレターまたはメールを開くと、「Adobe Campaign ニュースレター」セクションに以下のコンポーネントが表示されます。

これらのコンポーネントについて、次の節で説明します。

コンポーネントは次のように表示されます。

見出し（Campaign） heading-campaign

見出しコンポーネントは、次のいずれかを表示します。

見出し（Campaign） ​コンポーネントを直接編集します。ページタイトルを使用する場合は、空のままにします。

次の項目を設定できます。

見出し（Campaign）コンポーネントの表示例を以下に示します。

画像（Campaign） image-campaign

画像（Campaign）コンポーネントは、指定されたパラメーターに従って、画像とそれに付随するテキストを表示します。

画像をアップロードした後に、編集および操作できます（切り抜き、回転、リンク／タイトル／テキストの追加など）。

画像は、アセットブラウザーからコンポーネントに直接ドラッグ＆ドロップするか、コンポーネントの設定ダイアログにドラッグ＆ドロップできます。設定ダイアログから画像をアップロードすることもできます。また、このダイアログボックスでは、画像のすべての定義と操作も制御します。

画像をアップロードした後に（前ではありません）、インプレース編集を使用して、必要に応じて画像を切り抜いたり回転したりできます。

フルスクリーン編集モードで使用できる追加オプションがいくつか用意されています（マップ、ズームなど）。

画像を読み込む際は、次の設定が可能です。

画像（Campaign）コンポーネントの表示例を以下に示します。

リンク（Campaign） link-campaign

リンク（Campaign）コンポーネントを使用すると、ニュースレターにリンクを追加できます。

以下の項目を「表示」、「URL 情報」または「詳細」タブで設定できます。

リンク（Campaign）コンポーネントの表示例を以下に示します。

Dynamic Media Classic（Scene7）画像テンプレート（Campaign） scene-image-template-campaign

Dynamic Media Classic（Scene7）画像テンプレートはレイヤー化された画像ファイルで、コンテンツとプロパティをパラメーター化して可変性を持たせることができます。画像テンプレート ​コンポーネントを使用すると、ニュースレター内で Scene7 テンプレートを使用して、テンプレートパラメーターの値を変更できます。さらに、パラメーターの内部で Adobe Campaign メタデータ変数を使用して、ユーザーごとにパーソナライズされた画像を表示できます。

コンポーネントを設定するには、「編集」をクリックします。このセクションで説明した設定を行うことができます。この Scene7 画像テンプレートについて詳しくは、Scene7 画像テンプレートコンポーネントを参照してください。

さらに、パラメーターパネルには、Scene7 のテンプレート用に定義されたテンプレートパラメーターがすべて一覧表示されます。これらのパラメーターごとに、値の調整、変数の挿入、デフォルト値へのリセットを実行できます。

ターゲット参照（Campaign） targeted-reference-campaign

ターゲット参照（Campaign）コンポーネントを使用すると、ターゲット段落への参照を作成できます。

このコンポーネント内で、ターゲットの段落に移動して選択します。

フォルダーアイコンをクリックして、参照する段落に移動します。終了したら、チェックマークをクリックします。

テキストと画像（Campaign） text-image-campaign

テキストと画像（Campaign）コンポーネントを使用すると、テキストブロックと画像を追加できます。

クリックしてこのコンポーネントを設定する際には、「テキスト」または「画像」を選択します。

「テキスト」を選択すると、インラインエディターが表示されます。

「画像」を選択すると、画像用のインプレースエディターが表示されます。

画像の操作について詳しくは、画像（Campaign）コンポーネントを参照してください。テキストの操作について詳しくは、テキストとパーソナライズ機能（Campaign）コンポーネントを参照してください。

テキストおよびパーソナライゼーション（Campaign）コンポーネントや画像（Campaign）コンポーネントと同様に、次の項目を設定できます。

テキストと画像（Campaign）コンポーネントの表示例を以下に示します。

テキストおよびパーソナライゼーション（Campaign） text-personalization-campaign

テキストおよびパーソナライゼーション（Campaign）コンポーネントを使用すると、リッチテキストエディターの機能を備えた WYSIWYG エディターでテキストブロックを入力できます。さらに、このコンポーネントでは、Adobe Campaign のコンテキストフィールドとパーソナライゼーションブロックを使用できます。パーソナライゼーションの挿入も参照してください。

フォントの特性、配置、リンク、リスト、インデントなど、多様なアイコンでテキストの書式を設定できます。タッチ操作向け UI とクラシック UI の機能は基本的に同じですが、ルックアンドフィールは異なります。

インプレースエディターでは、テキストの追加、位置揃えの変更、リンクの追加と削除、コンテキストフィールドやパーソナライゼーションブロックの追加、フルスクリーンモードの開始を実行することができます。テキスト／パーソナライズ機能の追加が完了したら、チェックマークを選択して変更を保存します（または「x」を選択してキャンセルします）。詳しくは、インプレース編集を参照してください。

Adobe Campaign フォームコンポーネント adobe-campaign-form-components

Adobe Campaign コンポーネントを使用すると、ユーザーがニュースレターの購読や登録解除、またはユーザープロフィールの更新を行うために入力するフォームを作成できます。詳しくは、Adobe Campaign Forms の作成を参照してください。

各コンポーネントフィールドは、Adobe Campaign データベースフィールドにリンクできます。使用可能なフィールドは、フィールドに含まれるデータのタイプによって異なります（コンポーネントとデータタイプの節を参照）。Adobe Campaign で受信者スキーマを拡張すると、データタイプが一致するコンポーネントで新しいフィールドが使用できるようになります。

Adobe Campaign と統合するように設定されているフォームを開くと、「Adobe Campaign」セクションに以下のコンポーネントが表示されます。

コンポーネントは次のように表示されます。

このセクションでは、各コンポーネントについて詳しく説明します。

コンポーネントとデータタイプ components-and-data-type

次の表に、Adobe Campaign プロファイルデータの表示と変更に使用できるコンポーネントを示します。各コンポーネントを Adobe Campaign プロファイルフィールドにマッピングして、フィールドの値を表示し、フォームの送信時にフィールドを更新できます。異なるコンポーネントは、適切なデータタイプのフィールドでのみ使用できます。

大部分のコンポーネントに共通の設定 settings-common-to-most-components

Adobe Campaign コンポーネントには、すべてのコンポーネント（暗号化されたプライマリキーコンポーネントと非表示の調整キーコンポーネントを除く）に共通の設定があります。

大部分のコンポーネントでは、次の設定を行うことができます。

タイトルとテキスト title-and-text

Adobe Campaign adobe-campaign

次の項目を設定できます。

制約 constraints

スタイル設定 styling

チェックボックス （Campaign） checkbox-campaign

チェックボックス（Campaign）コンポーネントを使用すると、ユーザーがブーリアンデータタイプの Adobe Campaign プロファイルフィールドを変更できるようになります。例えば、受信者が任意のチャネルからの連絡を希望するかどうかを指定できるチェックボックス（Campaign）コンポーネントを使用できます。

チェックボックス（Campaign）コンポーネントでは、大部分の Adobe Campaign コンポーネントに共通の設定を使用できます。

チェックボックス（Campaign）コンポーネントの表示例を以下に示します。

日付フィールド（Campaign）と日付フィールド／HTML 5（Campaign） date-field-campaign-and-date-field-html-campaign

日付フィールドを使用して、受信者が日付を指定できるようにします。例えば、受信者による生年月日の指定が必要な場合などに有効です。日付の形式は、Adobe Campaign インスタンスで使用されている形式と同じになります。

大部分の Adobe Campaign コンポーネントに共通の設定に加え、次の項目を設定できます。

幅が調整された日付フィールド（Campaign）コンポーネントの表示例を以下に示します。

暗号化されたプライマリキー (Campaign) encrypted-primary-key-campaign

このコンポーネントでは、Adobe Campaign プロファイルの識別子（Adobe Campaign Standard では​ メインリソース識別子、Adobe Campaign 6.1 では​ 暗号化されたプライマリキー）を含んだ URL パラメーターの名前を定義します。

Adobe Campaign プロファイルデータを表示および変更する各フォームには、暗号化されたプライマリキーコンポーネントを含める​ 必要があります。

暗号化されたプライマリキー（Campaign）コンポーネントでは、次の項目を設定できます。

暗号化されたプライマリキー（Campaign）コンポーネントの表示例を以下に示します。

エラー表示（Campaign） error-display-campaign

このコンポーネントを使用すると、バックエンドエラーを表示できます。コンポーネントを正しく機能させるには、フォームのエラー処理を転送に設定する必要があります。

エラー表示（Campaign）コンポーネントの表示例を以下に示します。

非表示の紐付けキー（Campaign） hidden-reconciliation-key-campaign

非表示の紐付けキー（Campaign）コンポーネントを使用して、非表示のフィールドを紐付け整キーの一部としてフォームに追加できます。

非表示の紐付けキー（Campaign）コンポーネントでは、次の項目を設定できます。

非表示の紐付けキー（Campaign）コンポーネントの表示例を以下に示します。

数値フィールド （Campaign） numeric-field-campaign

数値フィールドを使用すると、受信者が年齢などの数値を入力できるようになります。

大部分の Adobe Campaign コンポーネントに共通の設定に加え、次の項目を設定できます。

幅が設定された数値フィールド（Campaign）コンポーネントの表示例を以下に示します。

オプションフィールド （Campaign） option-field-campaign

このドロップダウンリストを使用すると、受信者の性別やステータスなどのオプションを選択できます。

オプションフィールド（Campaign）コンポーネントでは、大部分の Adobe Campaign コンポーネントに共通の設定を使用できます。ドロップダウンリストに値を入力するには、Adobe Campaign の記号をクリックまたはタップして Adobe Campaign のパーソナライゼーションフィールドに移動して、適切なフィールドを選択します。

オプションフィールド（Campaign）コンポーネントの表示例を以下に示します。

購読チェックリスト（Campaign） subscriptions-checklist-campaign

購読チェックリスト（Campaign） ​コンポーネントを使用して、Adobe Campaign プロファイルに関連付けられた購読を変更できます。

このコンポーネントをフォームに追加すると、利用可能なすべての購読がチェックボックスとして表示されるので、ユーザーに目的の購読を選択させることができます。ユーザーがフォームを送信すると、フォームのアクションタイプ（「Adobe Campaign：サービスに登録」または「Adobe Campaign：サービスの登録解除」）に応じて、選択されたサービスにユーザーが登録されるか、ユーザーの登録が解除されます。

購読チェックリスト（Campaign）コンポーネントでは、大部分の Adobe Campaign コンポーネントに共通の設定を使用できます。（このコンポーネントで利用できる Adobe Campaign 設定はありません）。

購読チェックリスト（Campaign）コンポーネントの表示例を以下に示します。

テキストフィールド （Campaign） text-field-campaign

テキストフィールド（Campaign）コンポーネントを使用すると、名、姓、住所、メールアドレスなどの文字列タイプのデータを入力できます。

大部分の Adobe Campaign コンポーネントに共通の設定に加え、次の項目を設定できます。

テキストフィールド（Campaign）コンポーネントの表示例を以下に示します。