Dynamic Media の操作 aem-dynamic
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 ドキュメントを参照してください。
Dynamic Media の追加と管理 dynamic-media
Adobe Experience Manager as a Cloud Service の Dynamic Media を Journey Optimizer コンテンツに直接挿入すると、任意の画面やブラウザー向けにコンテンツを強化および最適化できます。その後、必要に応じてサイズ変更、切り抜き、拡大などの調整を行うことができます。
Dynamic Media と Adobe Journey Optimizer の統合は、Dynamic Media Scene7 モードと OpenAPI 搭載の両方で使用できます。
-
Dynamic Media Scene7 URL の場合：画像 URL に
?bfc=onを追加します。これにより、自動形式ネゴシエーションが可能になり、クライアントの機能に基づいて最も互換性のある画像形式が配信されます。 -
Open API 搭載 Dynamic Media の場合：
.avif形式を使用します。この形式には、必要に応じて互換性のある形式を配信するビルトインのフォールバックメカニズムが含まれます。
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 をコピー＆ペーストすることもできます。
-
アセットの要件に合わせて、必要に応じて画像テキストパラメーターを調整します。
-
「保存」をクリックします。
テストを実行してコンテンツを検証したら、メッセージをオーディエンスに送信できます。
チュートリアルビデオ video
Adobe Experience Manager Dynamic Media を Adobe Journey Optimizer と統合して、コンテンツのリアルタイムの更新とパーソナライゼーションを可能にする方法について説明します。
このチュートリアルでは、AJO 内で画像を直接変更する方法、HTML モードを使用してテキストオーバーレイを追加する方法、AEM で高度なパーソナライゼーション用の Dynamic Media テンプレートを作成する方法、様々なオーディエンスセグメントに合わせてコンテンツを調整してキャンペーンをパーソナライズする方法について説明します。この統合により、マーケターは、アプリケーションを切り替えずに、パーソナライズされた魅力的なキャンペーンを効率的に作成できます。