このページ： Journey Optimizer コンテンツ内にテキストオーバーレイやDynamic Media テンプレートを含むAdobe Experience Manager 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 ドキュメントを参照してください。
注意点
-
OpenAPI 搭載 Dynamic Media が Adobe Experience Manager as a Cloud Service で有効になっていることを確認します。 学習を増やす。
-
Dynamic Media と Adobe Journey Optimizer の統合は、Dynamic Media Scene7 モードと OpenAPI 搭載の両方で使用できます。
-
Dynamic Media Scene7 アセットの場合、Journey Optimizerはデフォルトの修飾子（
bfc=off&fmt=png-alpha）をURLの先頭に追加します。 プリセットも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 アセットを追加するには、次の手順に従います。
-
HTML コンポーネントをコンテンツにドラッグ＆ドロップします。
-
「ソースコードを表示」を選択します。
-
HTML を編集メニューで、「アセット」に移動し、「アセットセレクターを開く」をクリックします。
または、アセットの URL をコピー＆ペーストすることもできます。
-
AEM アセットを参照し、コンテンツに追加するアセットを選択します。
-
画像パラメーターを調整します（例：高さ、幅、回転、反転、明るさ、色相など）。 必要に応じて調整することができます。
URL に追加できる画像パラメーターの包括的なリストについて詳しくは、Experience Manager ドキュメントを参照してください。
-
「保存」をクリックします。
これで、コンテンツに Dynamic Media が含まれるようになりました。 Experience Manager で行った更新は、Journey Optimizer に自動的に表示されます。
テキストオーバーレイのパーソナライズ text-overlay
既存のテキストオーバーレイを選択した新しいテキストに置き換えることで、Dynamic Media を簡単にカスタマイズし、シームレスな更新とパーソナライゼーションが可能になります。
例えば、実験機能を使用すると、既存のテキストオーバーレイを処理ごとに異なるテキストに置き換えて更新し、メッセージを開いた際に各プロファイルに合わせてカスタマイズできます。
テキストオーバーレイをパーソナライズするには、次の手順に従います。
-
HTML コンポーネントをコンテンツにドラッグ＆ドロップします。
-
「ソースコードを表示」を選択します。
-
HTML を編集メニューで、「アセット」、「アセットセレクターを開く」の順にアクセスします。
または、アセットの URL をコピー＆ペーストすることもできます。
-
AEM アセットを参照して、コンテンツに追加するアセットを選択します。
-
オーバーレイを目的のテキストに置き換えます。
-
画像パラメーターを更新します。
- レイヤー：テキストを配置するベース要素を入力します。
- サイズ：テキストブロックのサイズを更新します。
- テキスト属性：テキストフォントのサイズを調整します。
- 位置：画像内のテキストの位置を設定します。
note warning WARNING Dynamic Media を更新するには、レイヤーパラメーターが必要です。 
-
「保存」をクリックします。
これで、コンテンツに更新したテキストオーバーレイが含まれるようになりました。
Dynamic Media テンプレートの追加と管理 dynamic-media-template
Journey Optimizer で Dynamic Media テンプレートを簡単に追加し、必要に応じてメディアコンテンツを更新できます。 これで、メディアにパーソナライゼーションフィールドを組み込むことができるようになり、Journey Optimizer 内でよりカスタマイズされた魅力的なコンテンツを作成できるようになりました。
詳しくは、Dynamic Media テンプレートを参照してください。
画像コンポーネントの使用 image-component
画像コンポーネントを使用して、動的テンプレートをコンテンツに直接挿入できます。
-
キャンペーンまたはジャーニーを開き、コンテンツにアクセスします。
-
画像コンポーネントをレイアウトにドラッグ＆ドロップします。
画像コンポーネントについて詳しくは、このページを参照してください。
-
AEM アセットを参照して、コンテンツに追加する Dynamic Media テンプレートを選択します。
-
画像設定で、Dynamic Media テンプレートのパラメーターにアクセスします。
使用可能なフィールドは、Adobe Experience Manager でのテンプレート作成時に追加したパラメーターによって異なります。
-
様々なフィールドに入力し、パーソナライゼーションエディターを使用して、パーソナライズされたコンテンツを追加します。 プロファイル名、市区町村、その他の関連する詳細などの属性を使用して、よりカスタマイズされたエクスペリエンスを作成できます。
パーソナライゼーションについて詳しくは、このページを参照してください。
-
条件付きコンテンツを Dynamic Media コンポーネントに適用して、コンテンツの様々なバリアントを生成できます。 詳細情報
-
「保存」をクリックします。
テストを実行してコンテンツを検証したら、メッセージをオーディエンスに送信できます。
HTML コンポーネントの使用 html-component
HTML コンポーネントを使用して、動的テンプレートをコンテンツに直接挿入できます。
-
キャンペーンまたはジャーニーを開き、コンテンツにアクセスします。
-
HTML コンポーネントをレイアウトにドラッグ＆ドロップします。
-
「ソースコードを表示」を選択します。
-
HTML を編集メニューで、「アセット」、「アセットセレクターを開く」の順にアクセスします。
または、アセットの URL をコピー＆ペーストすることもできます。
-
アセットの要件に合わせて、必要に応じて画像テキストパラメーターを調整します。
-
「保存」をクリックします。
テストを実行してコンテンツを検証したら、メッセージをオーディエンスに送信できます。
カウントダウンタイマーを挿入 countdown
受信者が電子メールを開いたときにリアルタイムで更新されるダイナミックメディアのカウントダウンタイマーを活用して、緊急性を高め、コンバージョンを最大化します。 この機能は、フラッシュセール、期間限定オファー、時間制限のあるプロモーションに最適です。
たとえば、小売企業のマーケターとして、48時間のフラッシュセールを実施しているとします。 プロモーションメールにカウントダウンタイマーを使用する：
- すぐに開いた受信者に「残り47時間」と表示される
- 24時間後に開封した受信者に「残り23時間」と表示
- セール終了後に開封した受信者には、「タイムズアップ！」と表示されます。
Adobe Experience ManagerのDynamic Media テンプレートにカウントダウンタイマーを追加する方法について詳しくは、このドキュメント を参照してください。
-
Adobe Experience Managerで、Dynamic Media テンプレートを作成し、カウントダウンタイマーコンポーネントを追加します。
-
Journey Optimizerで、新しいキャンペーンを作成するか、既存のキャンペーンを開いてから、メール Designerにアクセスします。
-
HTMLまたはAsset コンポーネントをメールコンテンツにドラッグ&ドロップします。
-
コンポーネントにカーソルを合わせ、ソースコードを表示 （HTML コンポーネントの場合）または参照 （アセットコンポーネントの場合）をクリックします。
-
HTMLを編集 メニューから、Assetsに移動し、アセットセレクターを開くをクリックして、公開したDynamic Media テンプレートを参照して選択します。
-
ピルをオンに切り替えて、ピルのエクスペリエンスを有効にします。 これにより、長い属性パスを非表示にすることで、読みやすさが向上します。
-
カスタム属性 メニューで、テンプレートに必要に応じてカスタマイズ可能なURL パラメーターを設定します。
完了したら、保存をクリックします。
-
または、メールDesignerでアセットを選択し、Settings メニューにアクセスして、Dynamic Media テンプレートのパラメーターにアクセスすることもできます。
次の設定を行います。
- バナーテキスト: タイマーで表示されるテキスト
- 終了時間: カウントダウンの有効期限が切れる日時。 時間はGMT （グリニッジ標準時）のみで入力します。 システムは他のタイムゾーンを受け入れません。
- 代替テキスト: タイマーが終了した後に表示されるメッセージ
-
「プレビュー」をクリックして、リアルタイムのカウントダウン更新を含むタイマーを表示し、設定を確認します。
受信者が電子メールを開くと、Flash セールの残り時間が正確に表示されます。 後で電子メールを再度開くと、現在の残り時間を反映してカウントダウンが自動的に更新されます。 終了日の後、デフォルトのメッセージが自動的に表示されます。
チュートリアルビデオ video
Adobe Experience Manager Dynamic Media を Adobe Journey Optimizer と統合して、コンテンツのリアルタイムの更新とパーソナライゼーションを可能にする方法について説明します。
このチュートリアルでは、AJO 内で画像を直接変更する方法、HTML モードを使用してテキストオーバーレイを追加する方法、AEM で高度なパーソナライゼーション用の Dynamic Media テンプレートを作成する方法、様々なオーディエンスセグメントに合わせてコンテンツを調整してキャンペーンをパーソナライズする方法について説明します。 この統合により、マーケターは、アプリケーションを切り替えずに、パーソナライズされた魅力的なキャンペーンを効率的に作成できます。