Adobe Campaign コンポーネント

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

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

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

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

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

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

chlimage_1-112

見出し (Campaign)

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

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

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

chlimage_1-113

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

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

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

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

chlimage_1-114

Image (Campaign)

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

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

画像をアップロードした後に、編集および操作できます(切り抜き、回転、リンク/タイトル/テキストの追加など)。画像は、コンテンツファインダーから直接コンポーネントまたはコンポーネントの編集ダイアログにドラッグアンドドロップできます。また、編集ダイアログの中央領域をダブルクリックしてローカルのファイルシステムを参照し、画像をアップロードすることもできます。編集ダイアログの 2 つのタブでは、画像の定義および操作もすべて制御します。

chlimage_1-115

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

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

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

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

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

  • ズームバー(クラシックのみ)

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

  • タイトル

    画像のタイトル。

  • 代替テキスト

    アクセシブルなコンテンツを作成する際に使用する代替テキストです。

  • リンク先

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

  • 説明

    画像の説明。

  • サイズ

    画像の高さと幅を設定します。

メモ

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

Validation failed. Verify the values of the marked fields.

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

chlimage_1-116

リンク(Campaign)コンポーネントを使用して、ニュースレターにリンクを追加できます。このコンポーネントはクラシック UI にのみ表示されますが、タッチ操作向け UI でこのコンポーネントを追加して、互換モードで開くことができます。

chlimage_1-117

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

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

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


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

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

メモ

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

Validation failed. Verify the values of the marked fields.

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

chlimage_1-118

ターゲット参照 (Campaign)

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

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

ドロップダウンメニューをクリックして、参照する段落に移動します。終了したら、「OK」をクリックします。

テキストと画像(Campaign)

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

chlimage_1-119

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

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

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

  • 画像プロパティ (詳細な画像プロパティ)

    以下を指定できます。

    • タイトル

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

    • 代替テキスト

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

    • リンク先

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

    • 説明

      画像の説明。

    • サイズ

      画像の高さと幅を設定します。

メモ

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

Validation failed. Verify the values of the marked fields.

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

chlimage_1-120

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

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

フォントの文字、配置、リンク、リスト、インデントなど、多様なアイコンでテキストの書式を設定できます。

リッチテキストエディターで通常おこなうように、テキストを追加します。Adobe Campaign ドロップダウンを選択し、必要に応じてフィールドを選択して、パーソナライゼーションを追加します。

chlimage_1-121

テキストと、コンテキストフィールドまたはパーソナライゼーションブロックを追加して、コンテンツを作成します。次に、ClientContext を選択して、ペルソナのプロファイルのデータをテストします。ペルソナを選択すると、選択したプロファイルのデータでパーソナライゼーションフィールが自動的に置き換えられます。

メモ

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

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

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

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

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

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

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

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

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

コンポーネント

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

フィールドの例

チェックボックス (Campaign)

ブール型

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

日付フィールド (Campaign)

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

date

誕生日

数値フィールド (Campaign)

数値(byte、short、long、double)

年齢

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

値が関連付けられた byte

性別

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

文字列

電子メール

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

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

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

タイトルとテキスト

  • タイトル

    要素名以外の名前を使用する場合は、ここに入力します。

  • タイトルを非表示にする

    タイトルを表示しない場合は、このチェックボックスを選択します。

  • 説明

    フィ追加ールドの説明を入力し、ユーザーに対して詳細情報を提供します。

  • 値の表示のみ

    値が存在する場合にのみ値を表示します

Adobe Campaign

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

  • マッピング

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

  • 調整キー

    このフィールドが紐付けキーの一部である場合は、このチェックボックスをオンにします。

制約

  • 必須

    このコンポーネントを必須にするには、このチェックボックスを選択します。つまり、ユーザーは値を入力する必要があります。

  • 必須メッセージ

    必要に応じて、フィールドが必須であることを示すメッセージを追加します。

スタイル設定

  • CSS

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

チェックボックス (Campaign)

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

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

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

chlimage_1-122

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

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

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

  • 拘束 — 拘束ドロップダウン

    「 — なし」または「日付」を選択して、日付の制約を追加するか、制約を追加しないかを指定できます。 日付を選択した場合は、回答ユーザーがフィールドに入力する日付形式を使用する必要があります。

  • 制約メッセージ

    さらに、制約メッセージを追加して、回答の適切な書式設定方法をユーザーが理解できるようにすることもできます。

  • スタイル設定 — 幅

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

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

chlimage_1-123

暗号化されたプライマリキー (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-124

エラー表示 (Campaign)

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

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

chlimage_1-125

非表示の調整キー (Campaign)

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

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

  • タイトルとテキスト — 要素名

    デフォルトはreconcilKeyです。 フォーム上の別のエレメント名と競合する場合にのみ、エレメント名を変更する必要があります。2 つのフォームフィールドが同じエレメント名を持つことはできません。

  • Adobe Campaign - マッピング Adobe Campaign パーソナライゼーションフィールドにマップします。

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

chlimage_1-126

数値フィールド (Campaign)

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

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

  • 拘束 — 拘束ドロップダウン

    「 — なし」または「数値」を選択して、数値の制約を追加するか、制約を追加しないかを指定できます。 数値を選択した場合、ユーザーがフィールドに入力する答えは数値である必要があります。

  • 制約メッセージ

    さらに、制約メッセージを追加して、回答の適切な書式設定方法をユーザーが理解できるようにすることもできます。

  • スタイル設定 —
    幅フィールドの幅を調整するには、「
    +- アイコンを押すか、数値を入力します。

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

chlimage_1-127

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

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

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

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

chlimage_1-128

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

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

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

メモ

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

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

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

chlimage_1-129

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

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

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

  • 拘束 — 拘束ドロップダウン

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

  • 制約メッセージ

    さらに、制約メッセージを追加して、回答の適切な書式設定方法をユーザーが理解できるようにすることもできます。

  • スタイル設定 — 幅

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

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

chlimage_1-130

このページ

Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free
Adobe Summit Banner

A virtual event April 27-28.

Expand your skills and get inspired.

Register for free