コンテンツの編集

表示条件の定義

Web ページ要素の表示条件を指定できます。この要素は、条件が遵守されている場合にのみ、表示されます。

表示条件を追加するには、ブロックを選択して、式エディターを使用して「表示条件」フィールドに入力します。

メモ

高度な式の編集については、このページを参照してください。

これらの条件は、XTK 式の構文を採用しています(例えば、ctx.recipient.@email ! = "" または ctx.recipient.@status=="0")。デフォルトでは、すべてのファイルが表示されます。

メモ

非表示の動的ブロック(ドロップダウンメニューなど)は、編集できません。

境界線および背景の追加

選択したブロックに​境界線​を追加できます。境界線は、スタイル、サイズおよび色の 3 つのオプションを使用して定義されます。

また、カラーチャートから色を選択することで、背景色​を定義できます。

フォームの編集

フォームのデータプロパティの変更

データベースフィールドを入力ゾーン、ラジオボタンまたはチェックボックスタイプのブロックにリンクできます。

メモ

デフォルトのフィールドは、Web アプリケーションストレージスキーマにあります。

フィールド​入力ゾーンを使用すると、フォームフィールドとリンクするためのデータベースフィールドを選択できます。

デフォルトでは、提供されたフィールドは、nms:recipient テーブルにあります。

必須フィールド​オプションを使用すると、ユーザーがフィールドに入力した場合にのみページを承認します。必須フィールドに入力されていない場合、エラーメッセージが表示されます。

ラジオボタンおよびチェックボックスの場合、追加の設定が必要です

実際、使用されるテンプレートにデフォルトで値が含まれない場合、エディターで完成させる必要があります。

手順は次のとおりです。

  • 編集​アイコンをクリックします。

  • 定義済みリストの値(選択されたフィールドで定義される)を「」フィールドに入力します。

フォームフィールドの修正

ラジオボタン、入力ゾーン、ドロップダウンリストなどのフォームフィールドは、ツールバーから修正できます。

変更できる設定内容は次のとおりです。

  • 削除​アイコンを使用して、フォームフィールドを含むブロックを削除します。

  • 複製​アイコンを使用して、新しいブロックを作成することで、選択したフィールドを複製します。

  • 編集​アイコンを使用して、フォームデータ​ウィンドウを編集し、データベースフィールドをフォームゾーンにリンクします。

ボタンへのアクションの追加

ユーザーがボタンをクリックする際に、関連するアクションを定義できますこれをおこなうには、ドロップダウンリストから実行されるアクションを選択します。

利用可能なアクションを次に示します。

  • 更新:現在のページを更新します。
  • 次のページ:Web アプリケーションの次のページへのリンクを作成します。
  • 前のページ:Web アプリケーションの前のページへのリンクを作成します。
メモ

なし​の値を使用すると、ボタンを非アクティブ化できます。

対応するフィールドのボタンにリンクされたラベルを修正できます。

リンクを任意のページ要素(画像、単語、単語のグループ、テキストのブロックなど)に挿入できます。

これをおこなうには、要素を選択してから、ポップアップメニューの最初のアイコンを使用します。

このアイコンを使用すると、利用できるすべてのタイプのリンクにアクセスできます。

パーソナライゼーションブロックおよびフィールドは、テキストタイプのブロックにのみ挿入されます。

メモ

各タイプのリンクについて、開くモードを設定できます。ターゲット​ドロップダウンリストでターゲットウィンドウを選択します。この値は、<target> HTML タグに対応します。

利用可能な​ターゲット​のリストは、次のとおりです。

  • その他 (IFrame)
  • 最上位のウィンドウ (_top)
  • 親ウィンドウ (_parent)
  • 新しいウィンドウ (_blank)
  • 現在のウィンドウ (_self)
  • ブラウザーのデフォルト動作

外部 URL へのリンク」オプションを使用すると、ソースコンテンツから任意の URL を開くことができます。

問題になっているリンクアドレスを「URL」フィールドに入力します。URL フィールドは、https://www.myURL.com のように入力される必要があります。

Web アプリケーションへのリンク」オプションを使用すると、Adobe Campaign Web アプリケーションにアクセスできます。

対応するフィールドから Web アプリケーションを選択します。

提案される Web アプリケーションは、リソース/オンライン/Web アプリケーション​ノードの使用可能なアプリケーションに対応します。

アクションを定義するリンク」オプションを使用すると、ソース要素をクリックする際に、アクションを設定できます。

メモ

使用可能なアクションについて詳しくは、ボタンへのアクションの追加の節を参照してください。

リンクが挿入されると、ツールバーに​リンクを編集​と​リンクを解除​の 2 つのアイコンが表示されます。これらを使用すると、作成したリンクを操作できます。

  • リンクを編集​を使用すると、リンクのすべてのパラメーターを備えたウィンドウを表示できます。
  • リンクを解除​を使用すると、確認後、リンクおよび関連するすべてのパラメーターを削除できます。
メモ

リンクが削除されても、コンテンツは保持されます。

フォント属性の変更

テキスト要素を選択する場合、フォント属性(スタイル、書式設定)を修正できます。

利用可能なオプションを次に示します。

  • フォントを拡大​アイコン:選択されたテキストのサイズを大きくします(<span style="font size:"> を追加します)。
  • フォントを縮小​アイコン:選択されたテキストのサイズを小さくします(<span style="font size:"> を追加します)。
  • 太字​アイコン:選択されたテキストを太字にします(<strong> </strong> タグでテキストを囲みます)。
  • 斜体​アイコン:選択されたテキストを斜体にします(<em> </em> タグでテキストを囲みます)。
  • 下線​アイコン:選択されたテキストに下線を設定します(<span style="text-decoration: underline;"> タグでテキストを囲みます)。
  • 左揃え​アイコン:選択されたブロックの左側にテキストを揃えます(style="text-align: left;" を追加します)。
  • 中央​アイコン:選択されたブロックのテキストを中央に配置します(style="text-align: center;" を追加します)。
  • 右揃え​アイコン:選択されたブロックの右側にテキストを揃えます(style="text-align: right;" を追加します)。
  • 背景色を変更​アイコン:選択されたブロックの背景色を変更できます(style="background-color: rgba(170, 86, 255, 0.87) を追加します)。
  • テキストの色を変更​アイコン:選択されたブロックのテキストの色、または選択されたテキストの色を変更できます(<span style="color: #CODE">)。
メモ
  • 削除​アイコン:ブロックおよびそのすべてのコンテンツを削除します。

  • 複製​アイコン:ブロックおよびブロックに関連するすべてのスタイルを複製します。

画像とアニメーションの管理

デジタルコンテンツエディターを使用すると、ブラウザーと互換性のある​すべてのタイプの画像​を操作できます。

注意

HTML ページの script タグで外部ファイルを呼び出さないようにする必要があります。これらのファイルは、Adobe Campaign サーバーにインポートされません。

画像の追加/削除/複製

画像を挿入するには、画像タイプのブロックを選択して、画像​アイコンをクリックします。

ローカルに保存された画像ファイルを選択します。

削除​アイコンは、画像を含む タグを削除します。

複製​アイコンは、 タグおよびそのコンテンツを複製します。

注意

画像を複製すると、新しい画像に関連する識別子は削除されます。

画像プロパティの編集

画像を含むブロックを選択する場合、次のプロパティにアクセスします。

  • キャプション​を使用すると、画像にリンクされたキャプションを定義できます(alt HTML 属性に対応)。

  • サイズ​を使用すると、画像サイズをピクセル単位で指定できます。

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

パーソナライゼーションフィールドの挿入

挿入アイコン用の「パーソナライゼーションフィールド」オプションを使用すると、データベースフィールドをコンテンツに追加できます(受信者の名前など)。このオプションは、テキストタイプのブロックでのみ使用できます。

デフォルトでは、提供されたフィールドは、受信者​テーブルからのものです。必要に応じて、Web アプリケーションプロパティを編集して、別のテーブルを選択します。

フィールド名がエディターに表示され、黄色でハイライトされます。パーソナライゼーションが生成されると(例えば、ランディングページのプレビュー時)、ターゲット化された受信者のプロファイルで置き換えられます。

例については、パーソナライゼーションフィールドの挿入の節で説明しています。

パーソナライゼーションブロックの挿入

パーソナライゼーションブロック」オプションを使用すると、動的でパーソナライズされたブロックをコンテンツに挿入できます。例えば、ロゴや挨拶メッセージを追加できます。これは、テキストタイプのブロックでは使用できません。

挿入後、パーソナライゼーションブロック名がエディターに表示され、黄色でハイライトされます。パーソナライゼーションが生成されると、受信者プロファイルに自動的に適応されます。

組み込みのパーソナライゼーションブロックと、カスタムパーソナライゼーションブロックの定義方法について詳しくは、このページを参照してください。

このページ

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