Adobe Campaign コンポーネント

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

注意

AEM電子メールコンポーネントは非推奨となりました。 コンテンツとスタイルを結合する電子メールの特性により、AEMで標準搭載された電子メールコンポーネントは、プロジェクトに必要なコンポーネントにカスタムスタイルを実装する必要があるので、顧客に対して限定的な再利用が可能になります。

電子メールコンポーネントはプロジェクトレベルで実装でき、非推奨のAEM電子メールコンポーネントはその実現方法を示します。 ただし、これらの非推奨コンポーネントはプロジェクトでは使用しないでください。

Adobe Campaign ニュースレターコンポーネント

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

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

  • 見出し(Campaign)
  • 画像(Campaign)
  • リンク(Campaign)
  • Scene7 画像テンプレート(Campaign)
  • ターゲット参照(Campaign)
  • テキストと画像(Campaign)
  • テキストおよびパーソナライゼーション(Campaign)

これらのコンポーネントについては、以降のセクションで説明します。

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

chlimage_1-43

見出し (Campaign)

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

  • タイトル」フィールドが空のときは、現在のページ名を表示します。
  • タイトル」フィールドにテキストを指定したときは、そのテキストを表示します。

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

chlimage_1-44

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

  • タイトル
    ページタイトル以外の名前を使用する場合は、ここに入力します。

  • 見出しレベル(1、2、3、4) HTML の見出しサイズ 1~4 に基づいた見出しレベル。

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

chlimage_1-45

Image (Campaign)

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

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

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

chlimage_1-46

メモ

代替テキスト」フィールドに情報を入力する必要があります。入力しないと、画像を保存できません。

画像がアップロードされた(以前ではなく)後で、インプレイス編集を使用して、必要に応じて画像を切り抜き/回転できます。

メモ

インプレースエディターでは、編集時に、画像の元のサイズと縦横比を使用します。高さと幅のプロパティも指定できます。プロパティで定義したサイズや縦横比の制限は、編集の変更内容を保存するときに適用されます。

インスタンスによっては、ページのデザインによって最小、最大の制限が課される場合もあります。これらは、プロジェクト実装時に開発されます。

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

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

  • マップ
    画像をマップするには、「マップ」を選択します。画像マップの作成方法(長方形、多角形など)を指定し、領域が指す位置を指定します。

  • 切り抜き
    「切り抜き」をクリックして画像を切り抜きます。マウスを使用して画像を切り抜きます。

  • 回転
    画像を回転するには、「回転」を選択します。画像が目的の向きになるまで繰り返し使用します。

  • 消去
    現在の画像を削除します。

  • ズームバー(クラシックのみ)
    画像のズームインおよびズームアウトをおこなうには、画像の下(「OK」および「キャンセル」ボタンの上)のスライドバーを使用します。

  • タイトル
    画像のタイトル。

  • 代替テキスト
    アクセス可能なコンテンツを作成する際に使用する代替テキスト。

  • リンク先
    Web サイト内のアセットまたはその他のページへのリンクを作成します。

  • 説明
    画像の説明。

  • サイズ
    画像の高さと幅を設定します。

メモ

詳細」タブの「代替テキスト」フィールドに情報を入力する必要があります。入力しない場合は画像を保存できず、次のエラーメッセージが表示されます。

Validation failed. Verify the values of the marked fields.

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

chlimage_1-47

リンク(Campaign)コンポーネントを使用して、ニュースレターにリンクを追加できます。

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

  • リンクキャプション​リンクのキャプション。ユーザーに表示されるテキストです。

  • リンクツールチップ​リンクの使用方法に関する追加情報を付加します。


  • LinkTypeドロップダウンリストで、
    カスタム URLと アダプティブドキュメント。このフィールドは必須です。「カスタム URL」を選択した場合は、リンクの URL を指定できます。「アダプティブドキュメント」を選択した場合は、ドキュメントのパスを指定できます。

  • 追加の URL パラメーター​追加の URL パラメーターがあれば追加します。「項目を追加」をクリックして、複数の項目を追加します。

メモ

URL Info」タブの「Link Type」フィールドに情報を入力する必要があります。入力しないと、コンポーネントは保存できず、次のエラーメッセージが表示されます。

Validation failed. Verify the values of the marked fields.

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

chlimage_1-48

Scene7 画像テンプレート (Campaign)

Scene7画像 テンプレートはレイヤー化された画像ファイルで、コンテンツとプロパティを可変性のためにパラメータ化できます。画像テンプレート​コンポーネントを使用すると、ニュースレター内で Scene7 テンプレートを使用して、テンプレートパラメーターの値を変更できます。また、Adobe Campaignのメタデータ変数をパラメーター内で使用できるので、各ユーザーがパーソナライズされた方法で画像を体験できます。

chlimage_1-49

コンポーネントを設定するには、「編集」をクリックします。この節で説明する設定を指定できます。 このScene7画像テンプレートについて詳しくは、Scene7画像テンプレートコンポーネントで説明しています。

さらに、パラメーターパネルに、Scene7 のテンプレート用に定義されているすべてのテンプレートパラメーターが表示されます。これらのパラメーターそれぞれに対して、値を変化させたり、変数を挿入したり、デフォルト値にリセットしたりできます。

chlimage_1-50

ターゲット参照 (Campaign)

ターゲット参照(Campaign)コンポーネントを使用して、ターゲット段落への参照を作成できます。

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

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

テキストと画像(Campaign)

テキストと画像(Campaign)コンポーネントでは、テキストブロックと画像を追加します。

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

chlimage_1-51

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

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

画像の使用について詳しくは、画像(Campaign)コンポーネントを参照してください。テキストの使用について詳しくは、テキストおよびパーソナライゼーション(Campaign)コンポーネントを参照してください。

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

  • テキスト
    テキストを入力します。ツールバーを使用して、書式設定の変更、リストの作成およびリンクの追加をおこないます。

  • 画像
    コンテンツファインダーから画像をドラッグするか、クリックして画像を参照します。必要に応じて、切り抜きや回転をおこないます。

  • 画像のプロパティ詳細画像プロパティ
    次の項目を指定できます。

    • タイトル
      ブロックのタイトル。マウスポインターを置くと表示されます。

    • 代替テキスト
      画像を表示できない場合に表示する代替テキスト。

    • リンク先 Web サイト内のアセットまたはその他のページへのリンクを作成します。

    • 説明
      画像の説明。

    • サイズ
      画像の高さと幅を設定します。

メモ

詳細」タブの「代替テキスト」フィールドは必須です。入力しない場合、コンポーネントを保存できず、次のエラーメッセージが表示されます。

Validation failed. Verify the values of the marked fields.

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

chlimage_1-52

テキストおよびパーソナライゼーション (Campaign)

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

フォントの文字、配置、リンク、リスト、インデントなど、多様なアイコンでテキストの書式を設定できます。両方のUIで機能は基本的に同じですが、ルック&フィールは異なります。

chlimage_1-53

インプレースエディターで、テキストを追加し、ジャスティフィケーションを変更し、リンクを追加または削除し、コンテキストフィールドまたはパーソナライゼーションブロックを追加し、全画面モードに入ることができます。テキストまたはパーソナライゼーションの追加が完了したら、チェックマークを選択して変更を保存します(または「x」をクリックしてキャンセルします)。詳しくは、インプレース編集を参照してください。

メモ
  • 使用できるパーソナライゼーションフィールドは、ニュースレターがリンクされている Adobe Campaign テンプレートによって異なります。
  • ContextHub からペルソナを選択すると、選択したプロファイルのデータでパーソナライゼーションフィールが自動的に置き換えられます。

パーソナライゼーションの挿入を参照してください。

chlimage_1-54

メモ

nms:seedMember スキーマまたはその拡張で定義されているフィールドのみが考慮されます。nms:seedMember にリンクしているテーブルの属性は使用できません。

Adobe Campaign フォームコンポーネント

Adobe Campaign コンポーネントを使用して、ニュースレターの購読や購読解除、ユーザープロファイルの更新といった手続きで記入するフォームを作成できます。詳細については、Adobe Campaign フォームの作成を参照してください。

各コンポーネントフィールドを Adobe Campaign データベースフィールドにリンクできます。コンポーネントとデータタイプセクションで説明しているように、利用可能なフィールドは、格納するデータのタイプによって異なります。受信者スキーマを Adobe Campaign で拡張した場合は、データタイプが一致するコンポーネントで新しいフィールドが利用可能になります。

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

  • チェックボックス(Campaign)
  • 日付フィールド(Campaign)と日付フィールド/HTML5(Campaign)
  • 暗号化されたプライマリキー(Campaign)
  • エラー表示(Campaign)
  • 非表示の調整キー(Campaign)
  • 数値フィールド(Campaign)
  • オプションフィールド(Campaign)
  • 購読チェックリスト(Campaign)
  • テキストフィールド(Campaign)

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

chlimage_1-55

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

コンポーネントとデータタイプ

以下の表に、Adobe Campaign プロファイルデータの表示および変更に利用できるコンポーネントを示します。各コンポーネントを Adobe Campaign プロファイルフィールドにマップすることで、フィールドの値をフォームに表示したり、フォームが送信されたときにフィールドを更新したりできます。各種コンポーネントは、適切なデータタイプのフィールドにのみマップできます。

コンポーネント

Adobe Campaign フィールドのデータタイプ

フィールドの例

チェックボックス (Campaign)

ブール型

今後は連絡しない(どのチャネルからも)

日付フィールド (Campaign)

日付フィールド / HTML 5 (Campaign)

date

誕生日

数値フィールド (Campaign)

数値(byte、short、long、double)

年齢

オプションフィールド (Campaign)

値が関連付けられた byte

性別

テキストフィールド (Campaign)

文字列

電子メール

大部分のコンポーネントに共通の設定

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

大部分のコンポーネントでは、次の項目を設定できます。

タイトルとテキスト

chlimage_1-56

  • タイトル​エレメント名以外の名前を使用する場合は、ここに入力します。

  • タイトルを非表示にする​タイトルを表示したくない場合は、このチェックボックスをオンにします。

  • 説明​フィールドに説明を追加して、ユーザーに詳しい情報を提供します。

  • 値の表示のみ​値が 1 つの場合は、その値を表示するだけです。

Adobe Campaign

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

  • マッピング​必要に応じて、Adobe Campaign パーソナライゼーションフィールドを選択します。

  • 調整キー​このフィールドを調整キーの一部にする場合は、このチェックボックスをオンにします。

chlimage_1-57

制約

  • 必須​このチェックボックスをオンにすると、このコンポーネントが必須になります。つまり、ユーザーが値を入力する必要があります。
  • 必須メッセージ​オプションで、このフィールドが必須であることを示すメッセージを追加します。

chlimage_1-58

スタイル設定

  • CSS​このコンポーネントに使用する CSS クラスを入力します。

chlimage_1-59

チェックボックス (Campaign)

チェックボックス(Campaign)コンポーネントを使用すると、boolean データタイプの Adobe Campaign プロファイルフィールドをユーザーに変更させることができます。例えば、チェックボックス(Campaign)コンポーネントを使用して、受信者に連絡を希望するかどうかを選択させるオプションを作成できます。

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

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

chlimage_1-60

日付フィールド(キャンペーン)と日付フィールド/HTML 5 (キャンペーン)

日付フィールドを使用して、受信者に日付を指定させることができます。例えば、受信者に誕生日を指定させることができます。日付の形式は、Adobe Campaign インスタンスで使用されている形式と一致します。

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

  • [制約 — 制約]ドロップダウン: [ ​日付以外]を選択して、日付の制約 ​を追加するか、制約なしを追加することができます。日付を選択した場合は、回答ユーザーがフィールドに入力する日付形式を使用する必要があります。

  • 制約メッセージ​さらに、入力値の適切なフォーマットを示す制約メッセージを追加できます。

  • スタイル設定 — 幅フィールドの幅を調整するには、+アイコンをクリックまたはタップするか、数値を入力します。 ​または、+ アイコン と — アイコンをタップします。

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

chlimage_1-61

暗号化されたプライマリキー (Campaign)

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

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

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

  • タイトルとテキスト - エレメント名​デフォルト値は encryptedPK です。フォーム上の別のエレメント名と競合する場合にのみ、エレメント名を変更する必要があります。2 つのフォームフィールドが同じエレメント名を持つことはできません。
  • Adobe Campaign - URL パラメーター EPK 用の URL パラメーターを追加します。例えば、値 epk を使用できます。

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

chlimage_1-62

エラー表示 (Campaign)

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

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

chlimage_1-63

非表示の調整キー (Campaign)

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

非表示の調整キー(Campaign)コンポーネントでは、次の項目を設定できます。

  • タイトルとテキスト - エレメント名​デフォルト値は reconcilKey です。フォーム上の別のエレメント名と競合する場合にのみ、エレメント名を変更する必要があります。2 つのフォームフィールドが同じエレメント名を持つことはできません。
  • Adobe Campaign - マッピング Adobe Campaign パーソナライゼーションフィールドにマップします。

非表示の調整キー(Campaign)コンポーネントの表示例を以下に示します。

chlimage_1-64

数値フィールド (Campaign)

数値フィールドを使用して、受信者に年齢などの数字を入力させることができます。

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

  • [拘束 — 拘束]ドロップダウン: [ ​非数値]を選択して、数値の制約を追加す ​るか、制約なしの制約を追加することができます。数値を選択した場合、ユーザーがフィールドに入力する答えは数値である必要があります。

  • 制約メッセージ​さらに、入力値の適切なフォーマットを示す制約メッセージを追加できます。

  • スタイル設定 — 幅フィールドの幅を調整するには、+アイコンをクリックまたはタップするか、数値を入力します。 ​または、+ アイコン と — アイコンをタップします。

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

chlimage_1-65

オプションフィールド (Campaign)

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

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

chlimage_1-66

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

chlimage_1-67

購読チェックリスト (Campaign)

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

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

メモ

このコンポーネントは、ユーザーがどのサービスを購読または購読解除しているかを確認しません。

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

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

chlimage_1-68

テキストフィールド (Campaign)

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

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

  • Constraints - Constraintdrop-down - None、 Email、または Name (no umlauts)を選択すると、電子メールアドレス、名前、または制約なしの制約を追加できます。「電子メール」を選択した場合は、このフィールドに電子メールアドレスを入力する必要があります。nameを選択する場合は、名前にする必要があります(ウムラウトは使用できません)。

  • 制約メッセージ​さらに、入力値の適切なフォーマットを示す制約メッセージを追加できます。

  • スタイル設定 — 幅フィールドの幅を調整するには、+アイコンをクリックまたはタップするか、数値を入力します。 ​または、+ アイコン と — アイコンをタップします。

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

chlimage_1-69

このページ

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