Adobe Campaign コンポーネント

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

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

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

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

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

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

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

chlimage_1-105

見出し (Campaign)

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

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

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

chlimage_1-106

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

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

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

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

chlimage_1-107

Image (Campaign)

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

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

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

chlimage_1-108

メモ

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

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

メモ

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

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

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

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

  • Map

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

  • 切り抜き

    「切り抜き」を選択して、画像を切り抜きます。 マウスを使用して画像を切り抜きます。

  • 回転

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

  • 消去

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

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

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

  • タイトル

    画像のタイトル。

  • 代替テキスト

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

  • リンク先

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

  • 説明

    画像の説明。

  • サイズ

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

メモ

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

Validation failed. Verify the values of the marked fields.

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

chlimage_1-109

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

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

  • リンクのキャプション

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

  • リンクツールヒント

    リンクの使用方法に関する追加情報を追加します。

  • LinkType

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

  • 追加の URL パラメータ

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

メモ

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

Validation failed. Verify the values of the marked fields.

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

chlimage_1-110

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

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

chlimage_1-111

コンポーネントを設定するには、「編集」をクリックします。この節で説明する設定を指定できます。 このDynamic Mediaクラシック(旧Scene7)の画像テンプレートについて詳しくは、Scene7画像テンプレートコンポーネントを参照してください。

また、パラメータパネルには、Dynamic Mediaクラシック(旧称Scene7)のテンプレート用に定義されたすべてのテンプレートパラメータがリストされます。 これらのパラメーターそれぞれに対して、値を変化させたり、変数を挿入したり、デフォルト値にリセットしたりできます。

chlimage_1-112

ターゲット参照 (Campaign)

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

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

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

テキストと画像(Campaign)

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

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

chlimage_1-113

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

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

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

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

  • テキスト

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

  • 画像

    コンテンツファインダーから画像をドラッグするか、クリックして画像を参照します。必要に応じてトリミングや回転を行います。

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

    以下を指定できます。

    • タイトル

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

    • 代替テキスト

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

    • リンク先

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

    • 説明

      画像の説明。

    • サイズ

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

メモ

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

Validation failed. Verify the values of the marked fields.

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

chlimage_1-114

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

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

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

chlimage_1-115

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

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

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

chlimage_1-116

メモ

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-117

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

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

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

コンポーネント

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

フィールドの例

チェックボックス (Campaign)

ブール型

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

日付フィールド (Campaign)

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

date

誕生日

数値フィールド (Campaign)

数値(byte、short、long、double)

年齢

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

値が関連付けられた byte

性別

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

文字列

電子メール

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

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

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

タイトルとテキスト

chlimage_1-118

  • タイトル

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

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

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

  • 説明

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

  • 値の表示のみ

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

Adobe Campaign

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

  • マッピング

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

  • 調整キー

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

chlimage_1-119

制約

  • 必須

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

  • 必須メッセージ

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

chlimage_1-120

スタイル設定

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

chlimage_1-121

チェックボックス (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 パーソナライゼーションフィールドの適切なフィールドに移動して、そのフィールドを選択します。

chlimage_1-128

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

chlimage_1-129

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

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

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

メモ

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

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

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

chlimage_1-130

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

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

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

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

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

  • 制約メッセージ

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

  • スタイル設定 — 幅

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

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

chlimage_1-131

このページ

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
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