Dynamic Media の操作 aem-dynamic

このページ: Journey Optimizer のコンテンツ内で、テキストオーバーレイや Dynamic Media テンプレートを含む Adobe Experience Manager の Dynamic Media を挿入、調整、パーソナライズする方法について説明します。

Dynamic Media の基本を学ぶ gs-aem-dynamic

アセットセレクターで Dynamic Media がサポートされるようになり、承認済み Dynamic Media レンディションを Journey Optimizer 内でシームレスに選択して使用できるようになりました。 Adobe Experience Manager のアセットに行った変更は Journey Optimizer コンテンツに即座に反映されるので、手動での更新が必要なく、常に最新バージョンが使用されます。

この統合は、Dynamic Media Manager as a Cloud Service を使用している顧客のみが使用できます。

Adobe Experience Manager as a Cloud Service の Dynamic Media について詳しくは、Experience Manager ドキュメントを参照してください。

AVAILABILITY
ヘルスケアのお客様の場合、統合は Journey Optimizer Healthcare Shield および Adobe Experience Manager Extended Security for Healthcare アドオン製品のライセンスを取得した場合にのみ有効になります。

注意点

  • OpenAPI 搭載 Dynamic Media が Adobe Experience Manager as a Cloud Service で有効になっていることを確認します。 学習を増やす。

  • Dynamic Media と Adobe Journey Optimizer の統合は、Dynamic Media Scene7 モードと OpenAPI 搭載の両方で使用できます。

  • Dynamic Media Scene7 アセットの場合、Journey Optimizer は URLの先頭にデフォルトの修飾子(bfc=off&fmt=png-alpha)を追加します。 プリセットで fmt または bfc も設定されている場合、Scene7 は繰り返しパラメーターの最後の出現箇所を使用するので、プリセットの設定が優先されます。 予期しない結果を回避するには、プリセットから fmt/bfc を削除するか、URL 内のデフォルトの修飾子の前に移動します。

  • デザイン上、アセットセレクターは /images ベースの URL 形式を返します。 アセットを元の形式(例:GIF や SVG)のまま配信する場合は、代わりに /content パスを使用する URL を手動で更新する必要があります。 詳しくは、Dynamic Media のベストプラクティスドキュメントを参照してください。

Dynamic Media の追加と管理 dynamic-media

Adobe Experience Manager as a Cloud Service の Dynamic Media を Journey Optimizer コンテンツに直接挿入すると、任意の画面やブラウザー向けにコンテンツを強化および最適化できます。 その後、必要に応じてサイズ変更、切り抜き、拡大などの調整を行うことができます。

HTML コンテンツに Adobe Experience Manager アセットを追加するには、次の手順に従います。

  1. HTML コンポーネント​をコンテンツにドラッグ&ドロップします。

  2. 「ソースコードを表示」を選択します。

  3. HTML を編集​メニューで、「アセット」に移動し、「アセットセレクターを開く」をクリックします。

    または、アセットの URL をコピー&ペーストすることもできます。

  4. AEM アセットを参照し、コンテンツに追加するアセットを選択します。

  5. アセットの要件に合わせて、必要に応じて画像パラメーター(高さ、幅、回転、反転、明るさ、色相など)を調整します 。

    URL に追加できる画像パラメーターの包括的なリストについて詳しくは、Experience Manager ドキュメントを参照してください。

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

これで、コンテンツに Dynamic Media が含まれるようになりました。 Experience Manager で行った更新は、Journey Optimizer に自動的に表示されます。

テキストオーバーレイのパーソナライズ text-overlay

既存のテキストオーバーレイを選択した新しいテキストに置き換えることで、Dynamic Media を簡単にカスタマイズし、シームレスな更新とパーソナライゼーションが可能になります。

例えば、実験機能を使用すると、既存のテキストオーバーレイを処理ごとに異なるテキストに置き換えて更新し、メッセージを開いた際に各プロファイルに合わせてカスタマイズできます。

AVAILABILITY
テキストオーバーレイのパーソナライゼーション​は、Dynamic Media Scene7 モードでのみ使用できます。 ヘルスケアのお客様は Scene7 モードにアクセスできないので、コンテンツは画像の Journey Optimizer バイナリコピーを使用してレンダリングされます。 例外について詳しくは、アドビ担当者にお問い合わせください。

テキストオーバーレイをパーソナライズするには、次の手順に従います。

  1. HTML コンポーネント​をコンテンツにドラッグ&ドロップします。

  2. 「ソースコードを表示」を選択します。

  3. HTML を編集​メニューで、「アセット」、「アセットセレクターを開く」の順にアクセスします。

    または、アセットの URL をコピー&ペーストすることもできます。

  4. AEM アセットを参照して、コンテンツに追加するアセットを選択します。

  5. オーバーレイを目的のテキストに置き換えます。

  6. 画像パラメーターを更新します。

    • レイヤー:テキストを配置するベース要素を入力します。
    • サイズ:テキストブロックのサイズを更新します。
    • テキスト属性:テキストフォントのサイズを調整します。
    • 位置:画像内のテキストの位置を設定します。
    note warning
    WARNING
    Dynamic Media を更新するには、レイヤーパラメーターが必要です。

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

これで、コンテンツに更新したテキストオーバーレイが含まれるようになりました。

Dynamic Media テンプレートの追加と管理 dynamic-media-template

Journey Optimizer で Dynamic Media テンプレートを簡単に追加し、必要に応じてメディアコンテンツを更新できます。 これで、メディアにパーソナライゼーションフィールドを組み込むことができるようになり、Journey Optimizer 内でよりカスタマイズされた魅力的なコンテンツを作成できるようになりました。

詳しくは、Dynamic Media テンプレートを参照してください。

AVAILABILITY
Dynamic Media テンプレート​は、Dynamic Media Scene7 モードでのみ使用できます。 ヘルスケアのお客様は Scene7 モードにアクセスできないので、コンテンツはレンダリングされません。 例外について詳しくは、Experience Manager サポートにお問い合わせください。

画像コンポーネントの使用 image-component

画像コンポーネントを使用して、動的テンプレートをコンテンツに直接挿入できます。

  1. キャンペーンまたはジャーニーを開き、コンテンツにアクセスします。

  2. 画像コンポーネント​をレイアウトにドラッグ&ドロップします。

    画像コンポーネントについて詳しくは、このページを参照してください。

  3. Dynamic Media テンプレートの追加方法を選択します。

    • 参照 — AEM アセットを参照し、コンテンツに追加するDynamic Media テンプレートを選択します。

    • PSDから読み込み — Photoshop(PSD)ファイルをコンポーネントに直接ドラッグ&ドロップします。 Adobe Journey Optimizerは、ファイルをDynamic Media テンプレートに自動変換し、Dynamic Mediaに保存します。

      note availability
      AVAILABILITY
      • PSDからの読み込み​は、一部のお客様の限定提供で利用できます。 Adobeの担当者に連絡してアクセス権をリクエストしてください。
      • この機能は、手動でのコンバージョン手順や、Adobe Experience Managerを利用したラウンドトリップは必要ありません。

      読み込みが完了したら、組み込みのDynamic Media エディターを使用してテンプレートを編集します。これは、メール DesignerのAdobe Express コンテンツ ​で使用されているのと同じエクスペリエンスです。

  4. 画像設定​で、Dynamic Media テンプレートのパラメーターにアクセスします。

    使用可能なフィールドは、Adobe Experience Manager でのテンプレート作成時に追加したパラメーターによって異なります。

  5. 様々なフィールドに入力し、パーソナライゼーションエディターを使用して、パーソナライズされたコンテンツを追加します。 プロファイル名、市区町村、その他の関連する詳細などの属性を使用して、よりカスタマイズされたエクスペリエンスを作成できます。

    パーソナライゼーションについて詳しくは、このページを参照してください。

  6. 条件付きコンテンツを Dynamic Media コンポーネントに適用して、コンテンツの様々なバリアントを生成できます。 詳細情報

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

テストを実行してコンテンツを検証したら、メッセージをオーディエンスに送信できます。

HTML コンポーネントの使用 html-component

HTML コンポーネントを使用して、動的テンプレートをコンテンツに直接挿入できます。

  1. キャンペーンまたはジャーニーを開き、コンテンツにアクセスします。

  2. HTML コンポーネント​をレイアウトにドラッグ&ドロップします。

  3. 「ソースコードを表示」を選択します。

  4. HTML を編集​メニューで、「アセット」、「アセットセレクターを開く」の順にアクセスします。

    または、アセットの URL をコピー&ペーストすることもできます。

  5. アセットの要件に合わせて、必要に応じて画像テキストパラメーターを調整します。

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

テストを実行してコンテンツを検証したら、メッセージをオーディエンスに送信できます。

カウントダウンタイマーの挿入 countdown

受信者がメールを開いた際にリアルタイムで更新される Dynamic Media カウントダウンタイマーを使用し、緊急度を作成してコンバージョンを最大化します。 この機能は、Flash セール、期間限定オファー、時間的制約のあるプロモーションに最適です。

例えば、小売ブランドのマーケターとして、48 時間の Flash セールを実施しているとします。 プロモーションメールにカウントダウンタイマーを使用すると、次のような表示になります。

  • すぐにメールを開封した受信者には「残り 47 時間」と表示されます
  • 24 時間後に開封した受信者には「残り 23 時間」と表示されます
  • セール終了後に開封した受信者には「終了しました」と表示されます。

Adobe Experience Manager の Dynamic Media テンプレートにカウントダウンタイマーを追加する方法について詳しくは、このドキュメント ​を参照してください。

  1. Adobe Experience Manager で、Dynamic Media テンプレートを作成し、カウントダウンタイマーコンポーネントを追加します。

  2. Journey Optimizer で、新しいキャンペーンを作成するか、既存のキャンペーンを開いてから、E メールデザイナーにアクセスします。

  3. HTML または​ アセットコンポーネント ​をメールコンテンツにドラッグ&ドロップします。

  4. コンポーネントにポインタを合わせ、「ソースコードを表示」(HTML コンポーネントの場合)または「参照」(アセットコンポーネントの場合)をクリックします。

  5. HTML を編集​メニューから、「アセット」に移動し、「アセットセレクターを開く」をクリックして、公開済みの Dynamic Media テンプレートを参照および選択します。

  6. ピルをオンに切り替えて、ピルのエクスペリエンスを有効にします。 これにより、長い属性パスを非表示にすることで、読みやすさが向上します。

  7. カスタム属性​メニューで、テンプレートに必要に応じてカスタマイズ可能な URL パラメーターを設定します。

    終了したら、「保存」をクリックします。

  8. または、E メールデザイナーでアセットを選択し、設定​メニューにアクセスして、Dynamic Media テンプレートのパラメーターにアクセスすることもできます。

    次の設定を行います。

    • バナーテキスト:タイマーで表示されるテキスト
    • 終了時間:カウントダウンの有効期限が切れる日時。 時間は GMT (グリニッジ標準時)のみで入力します。 システムは他のタイムゾーンを受け入れません。
    • フォールバックテキスト:タイマーが終了した後に表示されるメッセージ

  9. 「プレビュー」をクリックして、リアルタイムのカウントダウン更新を含むタイマーを表示し、設定を確認します。

受信者がメールを開封すると、Flash セールの残り時間が正確に表示されます。 後でメールを再度開封すると、現在の残り時間を反映してカウントダウンが自動的に更新されます。 終了日の後、デフォルトのメッセージが自動的に表示されます。

チュートリアルビデオ video

Adobe Experience Manager Dynamic Media を Adobe Journey Optimizer と統合して、コンテンツのリアルタイムの更新とパーソナライゼーションを可能にする方法について説明します。

このチュートリアルでは、AJO 内で画像を直接変更する方法、HTML モードを使用してテキストオーバーレイを追加する方法、AEM で高度なパーソナライゼーション用の Dynamic Media テンプレートを作成する方法、様々なオーディエンスセグメントに合わせてコンテンツを調整してキャンペーンをパーソナライズする方法について説明します。 この統合により、マーケターは、アプリケーションを切り替えずに、パーソナライズされた魅力的なキャンペーンを効率的に作成できます。

AI Knowledge Reference

This section contains structured knowledge intended to support interpretation, retrieval, and question answering related to this topic.

For complete understanding, this information should be combined with the documentation on this page. Neither source is intended to stand alone; the page describes the feature, while this section provides additional context that helps disambiguate terminology, intent, applicability, and constraints.

  • TL;DR: This page explains how to insert, adjust, and personalize Adobe Experience Manager dynamic media in Journey Optimizer content, including text overlays, dynamic media templates, and countdown timers.

Intents:

  • Insert an Adobe Experience Manager dynamic media asset into HTML content using the asset selector
  • Adjust image parameters such as height, width, rotate, flip, brightness, and hue
  • Personalize a dynamic media text overlay with different text per treatment or profile
  • Add a dynamic media template using the Image component or HTML component
  • Insert a countdown timer that updates in real time when recipients open the email

Glossary:

  • Dynamic media: Adobe Experience Manager media renditions selected through the asset selector, where changes made in Adobe Experience Manager are instantly reflected in Journey Optimizer content (product-specific)
  • Text overlay personalization: Replacing a dynamic media text overlay with new text, which can differ per treatment or profile (product-specific)
  • Dynamic media template: A template added in Journey Optimizer that supports personalization fields, inserted via the Image or HTML component (product-specific)
  • Countdown timer: A Dynamic Media component that updates in real time when recipients open the email, showing time remaining or a fallback message after the end date (product-specific)
  • Layer parameter: The base element where overlay text is placed, required to update dynamic media text overlays (product-specific)

Guardrails:

  • The dynamic media integration is only available for customers using Dynamic Media Manager as a Cloud Service.
  • For Healthcare customers, the integration is enabled only upon licensing the Journey Optimizer Healthcare Shield and Adobe Experience Manager Extended Security for Healthcare add-on offerings.
  • Text overlay personalization is available exclusively in Dynamic Media Scene7 mode; for Healthcare customers, since Scene7 mode is not accessible, content is rendered using a Journey Optimizer binary copy of the image.
  • Dynamic media template is available exclusively in Dynamic Media Scene7 mode; for Healthcare customers, since Scene7 mode is not accessible, content will not be rendered.
  • The Layer parameter is required to update your dynamic media text overlay.
  • For countdown timers, the End time must be entered in GMT (Greenwich Mean Time) only; the system does not accept other time zones.
  • For Dynamic Media Scene7 assets, Journey Optimizer adds default modifiers bfc=off&fmt=png-alpha at the start of the URL; if the preset also sets fmt or bfc, it takes precedence because Scene7 uses the last occurrence of a repeated parameter.

Terminology:

  • Canonical name: dynamic media — Acronym: n/a — variants: Adobe Experience Manager dynamic media, dynamic media renditions
  • Synonyms: “Scene7 mode” = “Dynamic Media Scene7 mode”
  • Do not confuse: “text overlay personalization” (replacing overlay text on a dynamic media asset) ≠ “dynamic media template” (a template with personalization fields inserted via the Image or HTML component)

FAQ:

  • Q: Do I need to manually update assets changed in Adobe Experience Manager? — No; changes made to assets in Adobe Experience Manager are instantly reflected in Journey Optimizer content, so the most up-to-date versions are always in use.
  • Q: Which customers can use the dynamic media integration? — Only customers using Dynamic Media Manager as a Cloud Service.
  • Q: Why cannot Healthcare customers use text overlays or templates the same way? — Those features are exclusive to Scene7 mode, which is not accessible for Healthcare customers; text overlay content is rendered using a Journey Optimizer binary copy, and dynamic media templates will not be rendered.
  • Q: What time zone does the countdown timer End time use? — GMT (Greenwich Mean Time) only; the system does not accept other time zones.
  • Q: How do I deliver an asset in its original format such as GIF or SVG? — The asset selector returns a /images-based URL, so you must manually update the URL to use the /content path instead.
recommendation-more-help
journey-optimizer-help