フラグメント

フラグメントは、Adobe Journey Optimizer B2B Edition 全体で 1 つ以上のメールおよびメールテンプレートで参照できる再利用可能なコンポーネントです。 通常は、事前に作成してすばやくメールまたはメールテンプレートに挿入できるコンテンツのブロック(テキスト、画像、またはその両方)です。 この機能を使用すると、マーケティングチームメンバーがメールコンテンツを組み合わせて設計プロセスを改善するために使用する、複数のカスタムコンテンツブロックを事前に作成できます。 一般的なユースケースとしては、メールのヘッダー/フッターコンテンツブロック、イベント招待バナー、季節ごとの挨拶などがあります。

ワークフローでフラグメントを最大限に活用するには:

  • 独自のフラグメントを作成 - ビジュアルコンテンツエディターからゼロから、またはコンテンツをフラグメントとして保存することで、ビジュアルフラグメントを作成します。
  • フラグメントを再利用 - コンテンツで必要な回数だけ使用します。

ビジュアルフラグメント

ビジュアルフラグメントは、ビジュアルコンテンツエディターを使用して作成され、複数のメールまたはメールテンプレートで再利用できる、事前定義されたビジュアルブロックです。 Journey Optimizer B2B Edition と本ドキュメントの現在の範囲は、ビジュアルフラグメントのみです。 式ベースのフラグメントは、Journey Optimizer B2B Edition ではまだサポートされていません。

フラグメントへのアクセスと管理

Adobe Journey Optimizer B2B Edition でビジュアルフラグメントにアクセスするには、左側のナビゲーションに移動して、コンテンツ管理/フラグメント をクリックします。 このアクションを実行すると、インスタンスで作成されたすべてのフラグメントを含むリストページがテーブルに表示されます。

フラグメントライブラリへのアクセス {width="700" modal="regular"}

テーブルは 変更済み 列で並べ替えられ、デフォルトでは最近更新されたフラグメントが先頭に表示されます。 列タイトルをクリックして、昇順と降順を切り替えます。

フラグメントのステータスとライフサイクル

フラグメントステータスは、メールまたはメールテンプレートで使用できるフラグメントの有無と、フラグメントに加えられる変更を決定します。

ステータス
説明
下書き

フラグメントを作成すると、そのステータスはドラフトになります。 ビジュアルコンテンツを定義または編集したあと、メールまたはメールテンプレートで使用するために公開するまで、このステータスのままになります。 使用可能なアクション:

  • すべての詳細を編集
  • ビジュアルデザイナーで編集
  • 公開
  • 複製
  • 削除
公開日

フラグメントを公開すると、メールまたはメールテンプレートで使用できるようになります。 公開済みのフラグメントコンテンツは、ビジュアルデザイナーでは変更できません。 使用可能なアクション:

  • 説明を編集
  • メールまたはテンプレートへの追加
  • ドラフトバージョンを作成
  • 複製
  • 削除(使用中でない場合)
公開済み下書きあり

公開済みフラグメントからドラフトを作成する場合、公開されたバージョンはメールまたはメールテンプレートで使用でき、ドラフトコンテンツはビジュアルデザイナーで変更できます。 ドラフトバージョンを公開すると、現在の公開バージョンが置き換えられ、使用中のメールおよびメールテンプレートのコンテンツが更新されます。 使用可能なアクション:

  • 説明を編集
  • メールまたはテンプレートへの追加
  • ビジュアルデザイナーでのドラフトバージョンの編集
  • Publishのドラフトバージョン
  • 複製
  • 削除(使用中でない場合)

フラグメントステータスのライフサイクル {width="800" modal="regular"}

IMPORTANT
フラグメントのステータスは、Journey Optimizer B2B Edition の 8 月のリリースで導入されました。 このリリースより前に作成されたすべてのフラグメントは、メールまたはテンプレートで使用された場合でも、ドラフト ステータスになります。 これらのフラグメントに変更を加えた場合は、フラグメントを公開して変更を反映させる必要があります。

フラグメントリストのフィルタリング

名前でフラグメントを検索するには、検索バーに一致するテキスト文字列を入力します。 フィルター アイコン( フィルターを表示/非表示アイコン )をクリックして、使用可能なフィルターオプションを表示し、表示される項目を指定した条件に従ってフィルタリングするための設定を変更します。

表示されたフラグメントのフィルタリング {width="700" modal="regular"}

列表示のカスタマイズ

右上の テーブルをカスタマイズ アイコン( テーブルアイコンをカスタマイズ )をクリックして、テーブルに表示する列をカスタマイズします。

ダイアログで、表示する列を選択し、「適用」をクリックします。

表示する列を選択する {width="300"}

フラグメントを作成

右上の フラグメントを作成 をクリックすると、Journey Optimizer B2B Edition で新しいビジュアルフラグメントを作成できます。

  1. フラグメントを作成 ダイアログで、便利な 名前説明 (オプション)を入力します。

    フラグメント要件:

    • 名前 – 最大 100 文字。一意である必要があります。大文字と小文字は区別されません

    • 説明 – 最大 300 文字

    • Alpha、数字、特殊文字を使用できます

    • 予約文字は使用できません 使用できません: \ / : * ? " < > |

    フラグメントを作成ダイアログ {width="400"}

  2. 作成」をクリックします。

    ビジュアルデザイナーが空のキャンバスで開きます。

  3. コンテンツデザインツールを使用して、ビジュアルフラグメントコンテンツを作成します。

  4. 保存 をクリックすれば、いつでもドラフトフラグメントを保存できます。

  5. フラグメントをメールまたはメールテンプレートで使用できるようにする準備が整ったら、Publish をクリックします。

構造とコンテンツを追加 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 で、左側に表示されている Assets アイコン( Assetsを表示 )を選択します。

NOTE
Experience Manager Assetsas a Cloud ServiceのサブスクリプションにデフォルトのAdobe Marketo Engage Design Studio を使用する場合は、メール、メールテンプレートまたはビジュアルフラグメントの作成時に 画像ソースを選択します。 ビジュアルデザイナーを開いて編集する前に、画像のソースを選択することもできます。

次の例では、テンプレートコンテンツにアセットを追加する手順の概要を説明します。

  1. アセットライブラリを開くには、Assets アイコンをクリックします。

    アセットセレクターから、ソースライブラリに保存されたアセットを直接選択できます。

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

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

    ソースタイプのアセットの使用について詳しくは、 コンテンツへのアセットの追加を参照してください。

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

    ソースライブラリからアセットを選択 {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 は、メッセージ(メールおよび SMS)を処理する際に、式をExperience Platformデータベースに含まれるデータに置き換えます。 最初の例は、Hello John Doe となります。

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

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

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

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

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

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

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

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

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

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

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

「詳細」をクリックしてテンプレートアクションにアクセス {width="500"}

フラグメントの詳細を表示

リストページで任意のフラグメントの名前をクリックして、フラグメントの詳細ページを開きます。 フラグメントの編集、名前の変更、フラグメントの説明の更新を選択できます。 更新を行い、「名前」フィールドまたは「説明」フィールドの外側をクリックして、変更を自動保存します。

NOTE
公開されたフラグメントがメールまたはメールテンプレートで使用されている場合、名前を変更したり、コンテンツを編集したりすることはできません。 フラグメントに変更を加える場合は、ドラフトバージョンを作成できます。

公開済みフラグメントの詳細を表示 {width="600" modal="regular"}

フラグメントを編集 をクリックして、フラグメントをビジュアルコンテンツエディターで開きます。

左上の 戻る 矢印をクリックして、いつでもビューを終了できます。この矢印をクリックすると、フラグメント リストページに戻ります。

参照別に使用されているフラグメントを表示

フラグメントの詳細ページで「使用者」タブをクリックすると、Journey Optimizer B2B Edition 内、メール、メールテンプレート、フラグメント全体で、フラグメントが現在使用されている場所の詳細が表示されます。

IMPORTANT
メールまたはメールテンプレートで現在使用しているフラグメントは、削除できません。

参照は、カテゴリ(メール または メールテンプレート に従って表示されます。 Journey Optimizer B2B Edition のメールは、アカウントジャーニー内に埋め込まれて作成されるので、フラグメントを使用するメールの親ジャーニーは参照に表示されます。

フラグメントの参照で使用 {width="600" modal="regular"}

リンクをクリックして、フラグメントが使用されている対応するメールまたはメールテンプレートを開きます。

フラグメントの削除

メールまたはメールテンプレートで現在使用されているフラグメントは削除できないので、フラグメントの削除を開始する前に 使用 参照を確認してください。 また、削除を取り消すことはできないので、削除操作を開始する前に確認します。

フラグメントを削除するには、次のいずれかの方法を使用します。

  • 右側のフラグメントの詳細で、「削除」をクリックします。
  • フラグメント リストページで、フラグメントの横にある省略記号をクリックし、「削除」を選択します。

この操作を実行すると、確認ダイアログが開きます。 キャンセル をクリックするか、「削除」をクリックして削除を確定すると、プロセスを中止できます。

フラグメントを削除ダイアログ {width="400"}

フラグメントが現在使用中の場合は、削除できないことを警告する情報ダイアログが開きます。 「OK」をクリックすると、削除アクションは中止されます。

フラグメントを削除ダイアログ – 使用中のフラグメントを削除できない {width="400"}

フラグメントの編集

フラグメントの編集は、現在のステータスに応じて異なります。

  • フラグメントが ドラフト ステータスの場合は、その詳細とビジュアルコンテンツを編集できます。
  • フラグメントが 公開済み ステータスの場合、フラグメントの説明は編集できますが、名前は編集できません。 ビジュアルコンテンツは編集できません。
  • フラグメントが ドラフトで公開済み ステータスの場合、詳細の編集は説明に限定されます。 ドラフトバージョンの視覚的なコンテンツを編集することもできます。
ドラフト
  1. フラグメント リストページで、フラグメント名をクリックして開きます。

    ビジュアルコンテンツのプレビューが表示され、フラグメントの詳細が右側に表示されます。

  2. 名前や説明など、詳細を変更します。

    ドラフト状態のフラグメントの詳細 {width="600" modal="regular"}

  3. ビジュアルデザイナーでコンテンツを変更するには、「フラグメントを編集 をクリックします。

    必要に応じて、ビジュアルデザイナーのツールを使用します。

    保存 または 保存して閉じる をクリックして、フラグメントの詳細に戻ります。

  4. フラグメントが条件を満たしていて、メールまたはメールテンプレートで使用できるようにする場合は、Publish をクリックします。

パブリッシュ済み
  1. フラグメント リストページで、フラグメント名をクリックして開きます。

    ビジュアルコンテンツのプレビューが表示され、フラグメントの詳細が右側に表示されます。

  2. 必要に応じて、説明を変更します。

    公開済みのフラグメントの場合、その他の詳細はすべて変更できません。

  3. コンテンツを更新する場合は、右上の ドラフトバージョンを作成 をクリックします。

    ダイアログで OK をクリックして、ドラフトバージョンをビジュアルデザイナーで開きます。 必要に応じて、 画像ソースを変更できます。

    ドラフトバージョンを作成ダイアログ {width="300"}

    必要に応じて、ビジュアルデザイナーのツールを使用します。

    保存 または 保存して閉じる をクリックして、フラグメントの詳細に戻ります。

  4. ドラフトフラグメントが条件を満たしていて、変更をメールまたはメールテンプレートで使用できるようにする場合は、Publish をクリックします。

    ドラフトバージョンを公開すると、現在の公開バージョンが置き換えられ、既に使用されているメールおよびメールテンプレートのコンテンツが更新されます。

ドラフトで公開済み

フラグメント リストページからドラフトバージョンを開いて編集する方法は 2 つあります。

  • フラグメント名の横にある 詳細 アイコン()をクリックし、「ドラフトバージョンを開く」を選択します。

    ドラフトバージョンを開く {width="300"}

  • フラグメント名をクリックして開きます。 次に、右上の ドラフトバージョンを開く をクリックします。

    ドラフトバージョンのビジュアルコンテンツのプレビューが表示され、フラグメントの詳細が右側に表示されます。

コンテンツを更新するには:

  1. 右上の フラグメントを編集 をクリックします。 必要に応じて、ビジュアルデザイナーのツールを使用します。

    保存 または 保存して閉じる をクリックして、フラグメントの詳細に戻ります。

  2. ドラフトフラグメントが条件を満たしていて、変更をメールまたはメールテンプレートで使用できるようにする場合は、Publish をクリックします。

    ドラフトバージョンを公開すると、現在の公開バージョンが置き換えられ、既に使用されているメールおよびメールテンプレートのコンテンツが更新されます。

フラグメントを複製

次のいずれかの方法を使用して、フラグメントを複製できます。

  • フラグメント リストページで、フラグメント名の横にある 詳細 アイコン()をクリックし、「複製」を選択します。
  • フラグメントの詳細ページの右上にある「…」をクリックします。詳細を表示して 「複製 を選択 ます。

フラグメントを複製 {width="600" modal="regular"}

ダイアログで、便利な名前(一意の)と説明を入力します。 「複製」をクリックして、アクションを完了します。

複製されたフラグメントの名前と説明を入力 {width="400"}

複製された(新しい)フラグメントが フラグメント リストに表示されます。

メールまたはテンプレートコンテンツから新しいフラグメントを保存

ビジュアルコンテンツエディターでメールまたはメールテンプレートを作成または編集する際に、コンテンツのすべてまたは一部をフラグメントとして保存し、再利用できるようにすることができます。

  1. 一部のコンテンツをフラグメントとして保存する場合は、「詳細 をクリックし、「 ​​ フラグメントとして保存 ​​ を選択し す。

  2. フラグメントに含める様々な要素を選択します。

    Shift キーまたは Control ボタンを押しながら複数の構造を選択します。

    互いに隣接する構造のみを選択できます。インターフェイスでは、隣接しない要素は選択できません。

  3. コンテンツを選択した状態で、右上の 作成 をクリックします。

  4. ダイアログで、フラグメントに役立つ名前と説明を入力します。 「作成」をクリックします。

    新しいフラグメントは フラグメント リストページに表示され、メールやメールテンプレート内でも使用できます。

メールコンテンツまたはテンプレートコンテンツへのビジュアルフラグメントの追加

フラグメントは再利用できるように設計されており、メールおよびメールテンプレートのオーサリング用に挿入できます。 メールまたはテンプレートには、最大 30 個のフラグメントを追加できます。 フラグメントは 1 レベルまでネストできます。

メールへのフラグメントの追加
  1. アカウントジャーニー に移動し、既存のジャーニーを開くか、新しいジャーニーを作成します。

  2. ​ メールを送信 ​ ​ノードを作成します。

  3. ノードのメールコンテンツを作成または編集します。

  4. コンポーネント メニューから項目をドラッグ&ドロップして、フラグメントの 構造 を指定します。

  5. 公開済みのフラグメントのリストを開くには、「フラグメント」アイコンをクリックします。

    次の操作が可能です。

    • リストを並べ替えます。
    • リストを参照、検索およびフィルタリングします。
    • カード表示(サムネール)とリスト表示を切り替えます。
    • 最近作成したフラグメントが反映されるように、リストを更新します。

    ビジュアルデザイナーでのフラグメントの検索 {width="600"}

  6. 任意のフラグメントを構造コンポーネントプレースホルダーにドラッグ&ドロップします。

    エディターは、メール構造のセクション/要素内でフラグメントをレンダリングします。

フラグメントのコンテンツは、構造内で動的に更新され、コンテンツがメールにどのように表示されるかが視覚的に表示されます。

note tip
TIP
フラグメントをメール内の水平レイアウト全体に配置する場合は、1:1 列 ​ 構造を追加して、フラグメントをメールにドラッグ&ドロップします。

メールを保存した後、「使用 タブが選択されると、フラグメントの詳細ページに表示され す。 メールに追加されたフラグメントは、メールまたはテンプレート内では編集できません。公開されたソースフラグメントがコンテンツを定義します。

メールテンプレートへのフラグメントの追加
  1. 左側のナビゲーションから、コンテンツ管理/テンプレート をクリックします。

  2. 新しいテンプレートを作成するか、既存のメールテンプレートを開いて、「メールテンプレートを編集」をクリックします。

  3. コンポーネント メニューから項目をドラッグ&ドロップして、フラグメントの 構造 を指定します。

  4. フラグメントリストを開くには、「フラグメント」アイコンをクリックします。

    次の操作が可能です。

    • リストを並べ替えます。
    • リストを参照、検索およびフィルタリングします。
    • カード表示(サムネール)とリスト表示を切り替えます。
    • 最近作成したフラグメントが反映されるように、リストを更新します。

    ビジュアルデザイナーでのフラグメントの検索 {width="600"}

  5. 任意のフラグメントを構造コンポーネントプレースホルダーにドラッグ&ドロップします。

    エディターは、メールテンプレート構造のセクション/要素内でフラグメントをレンダリングします。

  6. 任意のフラグメントを構造コンポーネントプレースホルダーにドラッグ&ドロップします。

    エディターは、メールテンプレート構造のセクション/要素内でフラグメントをレンダリングします。

note tip
TIP
フラグメントをメールテンプレート内の水平レイアウト全体に配置する場合は、1:1 列 構造を追加してから、フラグメントをドラッグ&ドロップします。

メールテンプレートを保存した後、「使用 タブを選択すると、フラグメントの詳細ページに表示され す。 メールテンプレートに追加されたフラグメントは、テンプレート内では編集できません。公開されたソースフラグメントがコンテンツを定義します。

メールおよびテンプレートのオーサリング中のフラグメントアクション

フラグメントをメールまたはメールテンプレートに追加すると、メールまたはテンプレート内でフラグメントコンテンツを編集できません。 ただし、次の操作を適用できます。

  • 削除 – このアクションは、現在のメールまたはメールテンプレートコンテンツからフラグメントを削除します(フラグメントソースは影響を受けません)。
  • 更新 – このアクションは、現在のメールまたはメールテンプレート内のフラグメントのコンテンツを更新します。 更新は、メールまたはメールテンプレートに追加した後に、フラグメントに対して最近の編集を反映する場合に便利です。
  • 複製 – このアクションでは、エディター内の同じメールまたはメールテンプレート内のフラグメントを同じディメンションで複製し、その下に追加します。
  • フラグメントを開く – このアクションを実行すると、フラグメントエディターページと詳細を含む新しいブラウザータブが開きます。
  • 継承を解除 – このアクションは、ソースからのフラグメントの継承(およびその変更)を解除します。 フラグメントコンテンツを、メールまたはメールテンプレート内で独立した編集可能なコンテンツとして利用できるようにする場合は、このアクションを使用します。 また、このアクションは、元のフラグメントの 使用者 参照からメールまたはメールテンプレートも削除します。

エディターページでフラグメントを選択すると、これらのアクションはコンテキストツールバーと、右側のプロパティパネルから使用できます。

選択されているフラグメントへのアクションの適用 {width="600" modal="regular"}

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