Show Menu
トピック×

Adobe Campaign コンポーネント

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

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

すべての Adobe Campaign コンポーネントは、 電子メールテンプレートのベストプラクティス で概説されているベストプラクティスに従います。また、Adobe マークアップ言語 HTL をベースとしています。
Adobe Campaign と連携するように設定されているニュースレターまたは電子メールを開くと、「 Adobe Campaign ニュースレター 」セクションに以下のコンポーネントが表示されます。
  • 見出し(Campaign)
  • 画像(Campaign)
  • リンク(Campaign)
  • Scene7 画像テンプレート(Campaign)
  • ターゲット参照(Campaign)
  • テキストと画像(Campaign)
  • テキストおよびパーソナライゼーション(Campaign)
これらのコンポーネントについては、以降のセクションで説明します。
コンポーネントは次のように表示されます。

見出し (Campaign)

見出しコンポーネントは、次のいずれかを表示します。
  • タイトル 」フィールドが空のときは、現在のページ名を表示します。
  • タイトル 」フィールドにテキストを指定したときは、そのテキストを表示します。
見出し(Campaign) ​コンポーネントを直接編集します。ページタイトルを使用する場合は空のままにします。
次の項目を設定できます。
  • タイトル ページタイトル以外の名前を使用する場合は、ここに入力します。
  • 見出しレベル(1、2、3、4) HTML の見出しサイズ 1~4 に基づいた見出しレベル。
見出し(Campaign)コンポーネントの表示例を以下に示します。

Image (Campaign)

画像(Campaign)コンポーネントは、指定されたパラメーターに従って、画像とそれに付随するテキストを表示します。
画像をアップロードした後に、編集および操作できます(切り抜き、回転、リンク/タイトル/テキストの追加など)。
画像は、 アセットブラウザー から直接コンポーネントまたはコンポーネントの 設定ダイアログ にドラッグアンドドロップできます。設定ダイアログから画像をアップロードすることもできます。このダイアログでは、画像の定義および操作もすべて制御します。
You must enter information in the Alt Text field, or the image cannot be saved.
After the image is uploaded (and not before) you can use inplace editing to crop/rotate the image as required:
インプレースエディターでは、編集時に、画像の元のサイズと縦横比を使用します。高さと幅のプロパティも指定できます。プロパティで定義したサイズや縦横比の制限は、編集の変更内容を保存するときに適用されます。
インスタンスによっては、 ページのデザイン によって最小、最大の制限が課される場合もあります。これらは、プロジェクト実装時に開発されます。
フルスクリーン編集モードで使用できる追加オプションがいくつか用意されています(マップ、ズームなど)。
画像を読み込む際は、次の設定が可能です。
  • Map
    画像をマップするには、「マップ」を選択します。 画像マップの作成方法(長方形、多角形など)を指定し、領域が指す位置を指定します。
  • 切り抜き
    「切り抜き」を選択して、画像を切り抜きます。 マウスを使用して画像を切り抜きます。
  • 回転
    画像を回転するには、「回転」を選択します。 画像が目的の向きになるまで繰り返し使用します。
  • 消去
    現在の画像を削除します。
  • ズームバー(クラシックのみ)
    画像のズームインおよびズームアウトを行うには、画像の下(「OK」および「キャンセル」ボタンの上)のスライドバーを使用します。
  • タイトル
    画像のタイトル。
  • 代替テキスト
    アクセシブルなコンテンツを作成する際に使用する代替テキストです。
  • リンク先
    Webサイト内のアセットや他のページへのリンクを作成します。
  • 説明
    画像の説明。
  • サイズ
    画像の高さと幅を設定します。
詳細 」タブの「 代替テキスト 」フィールドに情報を入力する必要があります。入力しない場合は画像を保存できず、次のエラーメッセージが表示されます。
Validation failed. Verify the values of the marked fields.
画像(Campaign)コンポーネントの表示例を以下に示します。

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

Scene7の画像テンプレートは 、レイヤー化された画像ファイルです。コンテンツやプロパティを可変性のためにパラメータ化できます。 画像テンプレート ​コンポーネントを使用すると、ニュースレター内で Scene7 テンプレートを使用して、テンプレートパラメーターの値を変更できます。また、パラメーター内でAdobe Campaignメタデータ変数を使用して、各ユーザーがパーソナライズされた方法で画像を体験できるようにすることができます。
コンポーネントを設定するには、「 編集 」をクリックします。この節で説明する設定を指定できます。 This Scene7 Image template is described in detail in Scene7 Image Template component .
さらに、パラメーターパネルに、Scene7 のテンプレート用に定義されているすべてのテンプレートパラメーターが表示されます。これらのパラメーターそれぞれに対して、値を変化させたり、変数を挿入したり、デフォルト値にリセットしたりできます。

ターゲット参照 (Campaign)

ターゲット参照(Campaign)コンポーネントを使用して、ターゲット段落への参照を作成できます。
このコンポーネント内で、ターゲット段落に移動して選択します。
フォルダーアイコンをクリックして、参照する段落に移動します。終了したら、チェックマークをクリックします。

テキストと画像(Campaign)

テキストと画像(Campaign)コンポーネントでは、テキストブロックと画像を追加します。
クリックしてこのコンポーネントを設定する際には、「テキスト」または「画像」を選択します。
テキスト 」を選択すると、インラインエディターが表示されます。
画像 」を選択すると、画像用のインプレースエディターが表示されます。
画像の使用について詳しくは、 画像(Campaign)コンポーネント を参照してください。テキストの使用について詳しくは、 テキストおよびパーソナライゼーション(Campaign)コンポーネント を参照してください。
テキストおよびパーソナライゼーション(Campaign)コンポーネントや画像(Campaign)コンポーネントと同様に、次の項目を設定できます。
  • テキスト
    テキストを入力します。ツールバーを使用して書式設定の変更、リストの作成およびリンクの追加を行います。
  • 画像
    コンテンツファインダーから画像をドラッグするか、クリックして画像を参照します。必要に応じてトリミングや回転を行います。
  • 画像プロパティ (詳​ 細な画像プロパティ )
    以下を指定できます。
    • タイトル
      ブロックのタイトル。マウスを置くと表示されます。
    • 代替テキスト
      画像を表示できない場合に表示する代替テキスト。
    • リンク先
      Webサイト内のアセットや他のページへのリンクを作成します。
    • 説明
      画像の説明。
    • サイズ
      画像の高さと幅を設定します。
詳細 」タブの「 代替テキスト 」フィールドは必須です。入力しない場合、コンポーネントを保存できず、次のエラーメッセージが表示されます。
Validation failed. Verify the values of the marked fields.
テキストと画像(Campaign)コンポーネントの表示例を以下に示します。

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

The Text & Personalization (Campaign) component lets you enter a text block using a WYSIWYG editor, with functionality provided by the Rich Text editor . さらに、このコンポーネントでは、Adobe Campaign のコンテキストフィールドとパーソナライゼーションブロックを使用できます。 パーソナライゼーションの挿入 も参照してください。
フォントの文字、配置、リンク、リスト、インデントなど、多様なアイコンでテキストの書式を設定できます。The functionality is basically the same in both UIs , although the look-and-feel is different:
インプレースエディターで、テキストを追加し、ジャスティフィケーションを変更し、リンクを追加または削除し、コンテキストフィールドまたはパーソナライゼーションブロックを追加し、全画面モードに入ることができます。テキストまたはパーソナライゼーションの追加が完了したら、チェックマークを選択して変更を保存します(または「x」をクリックしてキャンセルします)。See Inplace editing for more information.
  • 使用できるパーソナライゼーションフィールドは、ニュースレターがリンクされている Adobe Campaign テンプレートによって異なります。
  • ContextHub からペルソナを選択すると、選択したプロファイルのデータでパーソナライゼーションフィールが自動的に置き換えられます。
パーソナライゼーションの挿入 を参照してください。
nms:seedMember スキーマまたはその拡張で定義されているフィールドのみが考慮されます。 nms:seedMember にリンクしているテーブルの属性は使用できません。

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

Adobe Campaign コンポーネントを使用して、ニュースレターの購読や購読解除、ユーザープロファイルの更新といった手続きで記入するフォームを作成できます。詳細については、 Adobe Campaign フォームの作成 を参照してください。
各コンポーネントフィールドを Adobe Campaign データベースフィールドにリンクできます。 コンポーネントとデータタイプ セクションで説明しているように、利用可能なフィールドは、格納するデータのタイプによって異なります。受信者スキーマを Adobe Campaign で拡張した場合は、データタイプが一致するコンポーネントで新しいフィールドが利用可能になります。
When you open a form that is configured to integrate with Adobe Campaign, you see the following components in the Adobe Campaign section:
  • チェックボックス(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)コンポーネントの表示例を以下に示します。

Date Field (Campaign) and Date Field/HTML 5 (Campaign)

日付フィールドを使用して、受信者に日付を指定させることができます。例えば、受信者に誕生日を指定させることができます。日付の形式は、Adobe Campaign インスタンスで使用されている形式と一致します。
大部分の Adobe Campaign コンポーネントに共通の設定 に加え、次の項目を設定できます。
  • ** #ドロップダウン
    You can select - None or Date - to add the constraint of a date or no constraint. 日付を選択した場合、ユーザーがフィールドに入力する回答は日付形式である必要があります。
  • 制約メッセージ
    さらに、制約メッセージを追加して、ユーザーが回答を適切にフォーマットする方法を理解できるようにすることができます。
  • スタイル設定 — 幅 +アイコンと — アイコンをクリックまたはタップするか、数値を入 力して ​、フィールドの幅を調整します。
幅が調整された日付フィールド(Campaign)コンポーネントの表示例を以下に示します。

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

このコンポーネントは、Adobe Campaign プロファイルの識別子(それぞれ Adobe Campaign Standard では​ メインリソース識別子 、Adobe Campaign 6.1 では​ 暗号化されたプライマリキー )を含む URL パラメーター名を定義します。
Adobe Campaign プロファイルデータを表示および変更する各フォームには、暗号化されたプライマリキーコンポーネントを含める​ 必要があります
暗号化されたプライマリキー(Campaign)コンポーネントでは、次の項目を設定できます。
  • タイトルとテキスト — 要素名
    デフォルトはencryptedPKです。 フォーム上の別のエレメント名と競合する場合にのみ、エレメント名を変更する必要があります。2 つのフォームフィールドが同じエレメント名を持つことはできません。
  • Adobe Campaign - URL パラメーター EPK 用の URL パラメーターを追加します。例えば、値 epk を使用できます。
暗号化されたプライマリキー(Campaign)コンポーネントの表示例を以下に示します。

エラー表示 (Campaign)

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

非表示の調整キー (Campaign)

「非表示の調整キー(キャンペーン)」コンポーネントを使用すると、調整キーの一部として非表示のフィールドをフォームに追加できます。
非表示の調整キー(Campaign)コンポーネントでは、次の項目を設定できます。
  • タイトルとテキスト — 要素名
    デフォルトはreconcilKeyです。 フォーム上の別のエレメント名と競合する場合にのみ、エレメント名を変更する必要があります。2 つのフォームフィールドが同じエレメント名を持つことはできません。
  • Adobe Campaign - マッピング Adobe Campaign パーソナライゼーションフィールドにマップします。
非表示の調整キー(Campaign)コンポーネントの表示例を以下に示します。

数値フィールド (Campaign)

数値フィールドを使用して、受信者に年齢などの数字を入力させることができます。
大部分の Adobe Campaign コンポーネントに共通の設定 に加え、次の項目を設定できます。
  • ** #ドロップダウン
    You can select - None or Numeric - to add the constraint of either a number or no constraint. 数値を選択した場合、ユーザーがフィールドに入力する答えは数値である必要があります。
  • 制約メッセージ
    さらに、制約メッセージを追加して、ユーザーが回答を適切にフォーマットする方法を理解できるようにすることができます。
  • スタイル設定 — 幅 +アイコンと — アイコンをクリックまたはタップするか、数値を入 力して ​、フィールドの幅を調整します。
幅が設定された数値フィールド(Campaign)コンポーネントの表示例を以下に示します。

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

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

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

購読チェックリスト(Campaign) ​コンポーネントを使用して、Adobe Campaign プロファイルに関連付けられた購読を変更できます。
このコンポーネントをフォームに追加すると、利用可能なすべての購読がチェックボックスとして表示されるので、ユーザーに目的の購読を選択させることができます。When users submit the form, this component subscribes the user to or unsubscribes the user from the selected services depending on the form action type ( Adobe Campaign: Subscribe to Services or Adobe Campaign: Unsubscribe from Services ).
このコンポーネントは、ユーザーがどのサービスを購読または購読解除しているかを確認しません。
購読チェックリスト(Campaign)コンポーネントでは、 大部分の Adobe Campaign コンポーネントに共通の設定 を使用できます(このコンポーネントに利用できる Adobe Campaign 設定はありません)。
購読チェックリスト(Campaign)コンポーネントの表示例を以下に示します。

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

テキストフィールド(Campaign)コンポーネントを使用すると、名、姓、住所、電子メールアドレスなど、文字列タイプのデータを入力できます。
大部分の Adobe Campaign コンポーネントに共通の設定 に加え、次の項目を設定できます。
  • ** #ドロップダウン
    You can select - None, Email, or Name (no umlauts) - to add the constraint of either an email address, name, or no constraint. 「電子メール」を選択した場合は、このフィールドに電子メールアドレスを入力する必要があります。「name」を選択する場合は、名前を指定する必要があります(ウムラウトは使用できません)。
  • 制約メッセージ
    さらに、制約メッセージを追加して、ユーザーが回答を適切にフォーマットする方法を理解できるようにすることができます。
  • スタイル設定 — 幅
    Adjust the width of the field by clicking or tapping the + and - icons or entering a number.
テキストフィールド(Campaign)コンポーネントの表示例を以下に示します。