Show Menu
トピック×

Web フォームの静的要素

フォームのページにユーザーインタラクションのない要素を含めることができます。これらは、画像、HTML コンテンツ、横棒またはハイパーリンクなどの、静的要素です。これらの要素は、 静的要素を追加 ​メニューをクリックし、ツールバーの最初のボタンを使用して作成されます。
次のフィールドのタイプを使用できます。
  • (フォームのコンテキストで)以前提供した回答またはデータベースに基づく値。
  • ハイパーリンク、HTML、横棒。 HTML コンテンツの挿入 を参照してください。
  • リソースライブラリまたはユーザーがアクセスできるサーバーに保存された画像。 画像の挿入 を参照してください。
  • クライアント側またはサーバー側で実行されたスクリプト。クライアント側で適切に実行するには、JavaScript で記述され、ほとんどのブラウザーとの互換性が必要です。
    サーバー側では、スクリプトは、Adobe Campaign が提供する Campaign JSAPI ドキュメント で定義された関数を使用できます。

HTML コンテンツの挿入

フォームページに、ハイパーテキストリンク、画像、書式設定された段落、ビデオまたは Flash オブジェクトなどの HTML コンテンツを含めることができます。
HTML エディターを使用すると、コンテンツを入力して、フォームページに挿入できます。エディターを開くには、 静的要素/HTML に移動します。
コンテンツを直接入力および書式設定したり、ソースコードウィンドウを表示して、一部の外部コンテンツを貼り付けたりできます。「ソースコード」モードに切り替えるには、ツールバーの最初のアイコンをクリックします。
データベースフィールドを挿入するには、パーソナライゼーションボタンを使用します。
HTML エディターに入力した文字列は、「 テキスト 」サブタブで定義されている場合にのみ、翻訳されます。そうでない場合、収集されません。詳しくは、 Web フォームの翻訳 を参照してください。

HTML コンテンツのパーソナライゼーション

フォームページの HTML コンテンツを前のページで記録したデータでパーソナライズできます。例えば、自動車保険の Web フォームを作成して、最初のページで連絡先情報および自動車のブランドを提供できます。
パーソナライゼーションフィールドを使用して、ユーザー名と選択したブランドを次のページに再挿入できます。使用する構文は、情報ストレージモードによって異なります。詳しくは、 収集された情報の使用 を参照してください。
セキュリティ上の理由により、 <%= 式に入力された値は、エスケープ文字に置き換えられます。これを回避するには、必要な場合に限り、構文 <%= を使用します。
この例では、受信者の姓と名がデータベースのフィールドに格納され、自動車のブランドが変数に格納されます。ページ 2 でパーソナライズされたメッセージの構文は、次のようになります。
<P>Welcome <%= ctx.recipient.@firstName %> <%= ctx.recipient.@lastName %>,</P>
<P>To start your customized study, please select your car <%=ctx.vars.marque%> and its year of purchase.</P>

これにより、次のような結果が導かれます。

テキスト変数の使用

テキスト 」タブでは、HTML の <%= 文字と %> 文字の間で使用できる変数フィールドを構文 $(IDENTIFIER) .を使用して作成できます。
この方法を使用すると、文字列を容易にローカライズできます。 Web フォームの翻訳 を参照してください。
例えば、「最終コンタクト日:」という文字列を HTML コンテンツに表示できる、 Contact フィールドを作成できます。これをおこなうには、以下の手順に従います。
  1. HTML テキストの「 テキスト 」タブをクリックします。
  2. 追加 」アイコンをクリックします。
  3. 識別子 ​列に、変数名を入力します。
  4. テキスト ​列に、デフォルト値を入力します。
  5. HTML コンテンツでは、 <%= $(Contact) %> 構文を使用してこのテキスト変数を挿入できます。
    HTML エディターにこれらの文字を入力する場合、 < および > フィールドは、エスケープ文字で置き換えられます。この場合、HTML テキストエディターの​ ソースコードを表示 ​アイコンをクリックして、ソースコードを修正する必要があります。
  6. フォームの​ プレビュー ​ラベルを開いて、HTML に入力した値を表示します。
この操作モードを使用すると、Web フォームのテキストを分解し、統合された翻訳ツールを使用して翻訳を管理できます。詳しくは、 Web フォームの翻訳 を参照してください。

画像の挿入

画像をフォームに含める場合、外部からアクセス可能なサーバーに保存されている必要があります。
静的要素/画像 ​メニューを選択します。
挿入する画像のソースを選択します。パブリックリソースライブラリから取得したり、外部からアクセス可能なサーバーに保存したりできます。
ライブラリからの画像の場合、フィールドのコンボボックスで選択します。外部ファイルにある場合、アクセスパスを入力します。ラベルは、画像にマウスポインターを重ねるか、画像が表示されない場合に表示されます(HTML の ALT フィールドと同じ)。
画像は、エディター中央のセクションに表示できます。