フラグメントオーサリング
フラグメントを作成 した後、ビジュアルデザインスペースを使用して、フラグメントの構造コンポーネントとコンテンツコンポーネントをオーサリングします。
構造とコンテンツの追加 design-fragment
-
コンテンツデザインを開始するには、構造からアイテムをドラッグして、キャンバスにドロップします。
必要な数だけ 構造 の項目を追加し、右側のペインで各項目の設定を編集します。
note tip TIP n:n列 コンポーネントを選択して、選択した列数（3 ～ 10個）を定義します。 列の下にある矢印を移動して、各列の幅を定義することもできます。 
各列のサイズは、構造コンポーネントの全幅の10%未満にすることはできません。 削除できるのは空の列のみです。
-
「コンテンツ」セクションを展開し、必要な数のコンテンツコンポーネントを1つ以上の構造コンポーネントに追加します。
<!–
各要素の完全な参照がある場合のコンテンツ要素への参照。
–>
-
必要に応じて、設定またはスタイル タブで、各コンポーネントに対して追加のカスタマイズを行うことができます。
例えば、各コンポーネントのテキストスタイル、パディング、マージンを変更できます。
-
条件付きコンテンツを追加し、条件付きルールに基づいてターゲットプロファイルにコンテンツを適応させるには、コンテンツコンポーネントを選択し、コンポーネントツールバーの「条件付きコンテンツを有効にする」アイコンをクリックします。
詳しくは、条件付きコンテンツを参照してください。
アセットの追加
Visual Content Editor で、左側のナビゲーションバーにある Assets （
-
新しいアセットを追加するには、画像アセットを構造コンポーネントにドラッグ&ドロップします。
-
既存の画像アセットを置き換えるには、キャンバスで画像アセットを選択し、画像ソースツールの アセットを選択 をクリックします。
ソースタイプのアセットの使用について詳しくは、 コンテンツオーサリングにアセットを使用する を参照してください。
レイヤー、設定、スタイルの移動
ビジュアルデザインスペースでコンテンツを操作する際は、ナビゲーションツリーを使用して、コンポーネント、列およびコンテンツ要素にアクセスできます。 左側の ナビゲーションツリー アイコン（
次の例では、列を持つ構造コンポーネント内のパディングと垂直方向の整列を調整する手順について説明します。
-
キャンバスで構造コンポーネントの列を直接選択するか、左側に表示される ナビゲーションツリー を使用して選択します。
-
列ツールバーから 列を選択 ツールをクリックし、編集する列を選択します。
構造ツリーから選択することもできます。 その列の編集可能なパラメーターは、右側の 設定 タブと スタイル タブに表示されます。
-
列のプロパティを編集するには、右側の「スタイル」タブをクリックし、必要に応じて変更します。
-
背景 については、必要に応じて背景色を変更します。
背景を透明にするには、このチェック ボックスをオフにします。 「背景画像」設定を有効にして、単色の代わりに画像を背景として使用します。
-
「整列」では、「上」、「中央」または「下」アイコンを選択します。
-
パディング については、すべての辺のパディングを定義します。
パディングを微調整する場合は、「各辺に異なるパディングを使用」を選択します。ロック アイコンをクリックして、同期を解除します。
-
「詳細」セクションを拡張して、列のインラインスタイルを定義します。
-
-
必要に応じて、これらの手順を繰り返して、コンポーネントの他の列の整列とパディングを調整します。
-
変更を保存します。
コンテンツのパーソナライズ
Journey Optimizer B2B editionでは、インラインのシンプルな構文を使用します。この構文を使用すると、パーソナライズされたコンテンツを二重の中括弧で囲んだ式を作 {} できます。 同じコンテンツまたはフィールドに、制限なく複数の式を追加できます。
例:
-
Hello {{profile.person.name.firstName}} {{profile.person.name.lastName}} -
Hello {{profile.person.name.fullName}}
Journey Optimizer B2B editionは、コンテンツの処理時に、式をExperience Platformデータベースに含まれるデータで置き換えます。 最初の例は、Hello John Doe となります。
次の例では、リード/アカウント属性とシステムトークンを使用してコンテンツをパーソナライズする手順の概要を説明します。
-
テキストコンポーネントを選択し、ツールバーの パーソナライゼーションを追加 アイコンをクリックします。
これにより、「Personalizationを編集 ダイアログが開きます。
-
+ または … をクリックして、空白スペースにトークンを追加します。
-
「保存」をクリックします。
条件付きコンテンツ
ルールに基づいてコンテンツをターゲットプロファイルに適応させる条件付きコンテンツを追加するには、コンテンツコンポーネントを選択し、コンポーネントツールバーの 条件付きコンテンツを有効にする ボタンをクリックします。 公開されたフラグメントがメールメッセージに含まれる場合、メールメッセージでレンダリングされる条件付きコンポーネントのバリアントは条件付きルールによって決定されます。
詳しくは、条件付きコンテンツ を参照してください。
フラグメントのカスタマイズを有効にする
作成者が メール または メールテンプレート にフラグメントを追加すると、フラグメントコンテンツはデフォルトでロックされます。 公開されたフラグメントに対する変更は、そのフラグメントが使用されているすべてのコンテンツアセットに自動的に反映されます。 フラグメント内のコンポーネントのパラメーターを編集可能として指定する場合、メールまたはテンプレートの作成者は、必要に応じてカスタムフィールドの値を指定できます。 このカスタマイズフラグは、画像、テキストおよびボタンのビジュアルコンポーネントに制限されます。
例えば、クリック可能なボタンを含む再利用可能なバナーをデザインする場合、ボタンの URL パラメーターを編集可能として指定できます。 その後、メール作成者は、メールキャンペーンに特化した URL を使用できます。 これらのカスタマイズ可能なフィールドを使用すると、マーケターは、まったく新しいコンテンツブロックを作成したり、元のフラグメントから継承された更新を中断したりすることなく、再利用可能なコンテンツを管理およびパーソナライズできます。
-
ビジュアルコンテンツエディターで、カスタマイズを有効にする画像、テキスト、またはボタン要素を選択します。
-
右側のコンポーネント詳細で、「編集可能フィールド タブを選択します。
-
編集を有効にする オプションの切り替えをクリックして、編集可能フィールドを設定します。
コンポーネントタイプとフラグメントで定義されたパラメーターに応じて、表示されるフィールドのカスタマイズを有効にすることができます。
カスタマイズを許可する各フィールドの切替スイッチを有効な状態に変更します。
-
概要 をクリックして、編集可能なすべてのフィールドとそのデフォルト値を確認します。
-
変更を保存します。
リンクされた URL トラッキングを編集
-
左側の リンク アイコン（
-
必要に応じて、編集 （
リンクに タグ を追加することもできます。
