ドキュメントJourney Optimizer B2BJourney Optimizer B2B エディションのドキュメント

フラグメントオーサリング

Last update: Wed Aug 27 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • トピック：

作成対象：

  • ユーザー

フラグメントを作成した後、ビジュアルデザインスペースを使用して、フラグメントの構造コンポーネントとコンテンツコンポーネントをオーサリングします。

構造とコンテンツの追加 design-fragment

  1. コンテンツデザインを開始するには、構造 から項目をドラッグし、キャンバスにドロップします。

    必要に応じて 構造 から項目を追加し、右側のパネルで各項目の設定を編集します。

    note tip
    TIP
    n:n 列 コンポーネントを選択して、列数（3～10）を任意に定義します。 また、列の下に矢印を移動して、各列の幅を定義することもできます。

    構造をキャンバスにドラッグして、設定を調整します {width="800" modal="regular"}

    各列のサイズを構造コンポーネントの全幅の 10% 未満にすることはできません。 削除できるのは空の列のみです。

  2. 「コンテンツ」セクションを展開し、必要な数のコンテンツコンポーネントを 1 つ以上の構造コンポーネントに追加します。

    コンテンツ要素をキャンバスにドラッグして、設定を調整します {width="800" modal="regular"}

  3. 必要に応じて、「設定」タブまたは スタイル タブで各コンポーネントに追加のカスタマイズを加えるこ ができ す。

    例えば、各コンポーネントのテキストスタイル、パディングまたは余白を変更できます。

  4. 条件付きコンテンツを追加し、条件付きルールに基づいてコンテンツをターゲットプロファイルに適応させるには、コンテンツコンポーネントを選択し、コンポーネントツールバーの 条件付きコンテンツの有効化 アイコンをクリックします。

    詳しくは、条件付きコンテンツ を参照してください。

アセットの追加

Visual Content Editor で、左側のナビゲーションバーにある Marketo Engage Assets （ Marketo Engage Assets アイコン ）アイコンまたは Experience Manager Assets （ AEM Assets アイコン ）アイコンを選択します。 アセットセレクターから、ソースライブラリに保存されたアセットを直接選択できます。

NOTE
Adobe Experience Manager as a Cloud Services のプロビジョニングが行われている場合、ユーザーアカウントに必要な権限があれば、Marketo Engage Design Studio とAdobe Experience Manager Assets as a Cloud Serviceの両方のリポジトリにアクセスできます。 これらのリポジトリは個別に存在し、同期していません。どちらのソースからも画像アセットを使用できます。

  • 新しいアセットを追加するには、画像アセットを構造コンポーネントにドラッグ&ドロップします。

    Marketo Engage アセットをキャンバスにドラッグして、設定を調整します {width="800" modal="regular"}

  • キャンバスで既存の画像アセットを選択して置き換え、画像ソースツールの アセットを選択 をクリックします。

    ソースライブラリからアセットを選択 {width="600" modal="regular"}

ソースタイプのアセットの使用について詳しくは、 コンテンツオーサリングにアセットを使用するを参照してください。

レイヤー、設定、スタイルの移動

ビジュアルデザインスペースでコンテンツを操作する際は、ナビゲーションツリーを使用して、コンポーネント、列およびコンテンツ要素にアクセスできます。 左側の ナビゲーションツリー アイコン（ ナビゲーションツリーアイコン ）をクリックしてツリーを表示します。

コンテンツレイヤーへのアクセス {width="800" modal="regular"}

次の例では、列を持つ構造コンポーネント内のパディングと垂直方向の整列を調整する手順について説明します。

  1. キャンバスで構造コンポーネントの列を直接選択するか、左側に表示される ナビゲーションツリー を使用して選択します。

  2. 列ツールバーから 列を選択 ツールをクリックし、編集する列を選択します。

    構造ツリーから選択することもできます。 その列の編集可能なパラメーターは、右側の 設定 タブと スタイル タブに表示されます。

    ビジュアルデザイナーに表示される列コンポーネント {width="800" modal="regular"}

  3. 列のプロパティを編集するには、右側の「スタイル」タブをクリックし、必要に応じて変更します。

    • 背景 については、必要に応じて背景色を変更します。

      背景を透明にするには、このチェック ボックスをオフにします。 「背景画像」設定を有効にして、単色の代わりに画像を背景として使用します。

    • 「整列」では、「上」、「中央」または「下」アイコンを選択します。

    • パディング については、すべての辺のパディングを定義します。

      パディングを微調整する場合は、「各辺に異なるパディングを使用」を選択します。ロック アイコンをクリックして、同期を解除します。

    • 「詳細」セクションを拡張して、列のインラインスタイルを定義します。

    選択した列のスタイルを変更する {width="700" modal="regular"}

  4. 必要に応じて、これらの手順を繰り返して、コンポーネントの他の列の整列とパディングを調整します。

  5. 変更を保存します。

コンテンツのパーソナライズ

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 となります。

次の例では、リード/アカウント属性とシステムトークンを使用してコンテンツをパーソナライズする手順の概要を説明します。

  1. テキストコンポーネントを選択し、ツールバーの パーソナライゼーションを追加 アイコンをクリックします。

    「パーソナライズ」アイコンをクリック {width="600"}

    これにより、「Personalizationを編集 ダイアログが開きます。

  2. + または … をクリックして、空白スペースにトークンを追加します。

    トークンを使用したパーソナライズされたテキストの作成 {width="700" modal="regular"}

  3. 「保存」をクリックします。

条件付きコンテンツ

ルールに基づいてコンテンツをターゲットプロファイルに適応させる条件付きコンテンツを追加するには、コンテンツコンポーネントを選択し、コンポーネントツールバーの 条件付きコンテンツを有効にする ボタンをクリックします。 公開されたフラグメントがメールメッセージに含まれる場合、メールメッセージでレンダリングされる条件付きコンポーネントのバリアントは条件付きルールによって決定されます。

詳しくは、条件付きコンテンツ を参照してください。

フラグメントのカスタマイズを有効にする

作成者が メールまたは メールテンプレートにフラグメントを追加すると、フラグメントコンテンツはデフォルトでロックされます。 公開されたフラグメントに対する変更は、そのフラグメントが使用されているすべてのコンテンツアセットに自動的に反映されます。 フラグメント内のコンポーネントのパラメーターを編集可能として指定する場合、メールまたはテンプレートの作成者は、必要に応じてカスタムフィールドの値を指定できます。 このカスタマイズフラグは、画像、テキストおよびボタンのビジュアルコンポーネントに制限されます。

例えば、クリック可能なボタンを含む再利用可能なバナーをデザインする場合、ボタンの URL パラメーターを編集可能として指定できます。 その後、メール作成者は、メールキャンペーンに特化した URL を使用できます。 これらのカスタマイズ可能なフィールドを使用すると、マーケターは、まったく新しいコンテンツブロックを作成したり、元のフラグメントから継承された更新を中断したりすることなく、再利用可能なコンテンツを管理およびパーソナライズできます。

  1. ビジュアルコンテンツエディターで、カスタマイズを有効にする画像、テキスト、またはボタン要素を選択します。

  2. 右側のコンポーネント詳細で、「編集可能フィールド タブを選択します。

  3. 編集を有効にする オプションの切り替えをクリックして、編集可能フィールドを設定します。

    フラグメント画像コンポーネントに対して編集可能フィールドを有効にする {width="700" modal="regular"}

    コンポーネントタイプとフラグメントで定義されたパラメーターに応じて、表示されるフィールドのカスタマイズを有効にすることができます。

    カスタマイズを許可する各フィールドの切替スイッチを有効な状態に変更します。

  4. 概要 をクリックして、編集可能なすべてのフィールドとそのデフォルト値を確認します。

    編集可能フィールドとそのデフォルト値を確認する {width="700" modal="regular"}

  5. 変更を保存します。

リンクされた URL トラッキングを編集

  1. 左側の リンク アイコン（ リンクを表示アイコン ）をクリックすると、追跡するコンテンツ内のすべてのリンク済み URL が表示されます。

  2. 必要に応じて、編集 （ 編集アイコン ）アイコンをクリックし、トラッキングタイプ または ラベル を変更します。

    リンクに タグ を追加することもできます。

リンクトラッキングにアクセスするには、編集アイコンをクリック {width="500"}

recommendation-more-help
6ef00091-a233-4243-8773-0da8461f7ef0