AEM Cloud Sites：メディアモジュールコンポーネントでボディコンテンツがレンダリングされない
この記事では、AEM Cloud サイト上のエンドユーザーに対して、メディアモジュールコンポーネントの本文のコンテンツが他の環境では期待どおりに表示されても、正しくレンダリングされない問題を解決する方法について説明します。
説明 description
環境
Adobe Experience Manager（AEM） Cloud Sites （すべてのバージョン）
症状
- 公開されたページのメディアモジュールコンポーネントのエンドユーザーに対して、本文（RTE）コンテンツが見つからないか、正しくレンダリングされません。
- 同じコンテンツが、他のAEM Cloud Sites環境（オーサーやプレビューなど）で期待どおりに表示されます。
- この問題はすべてのユーザーに対して再現可能であり、アカウント固有ではありません。
- 影響を受けるページでは、エキスパートのタイトルやその他のフィールドのみがボディコンテナにレンダリングされますが、オーサリングされたバイオグラフィーやボディパラグラフは表示されません。
- ページソースを表示すると、コンテンツが配信ソースに存在することが確認されますが、エンドユーザー用にレンダリングされたDOMは、想定される本文コンテンツを省略します。
原因
この問題は、公開されたマークアップにユニバーサルエディターのフィールドマーカーが見つからない場合に、Body （RTE）コンテンツのフォールバックとしてハードコードされた行インデックス（例：rows[ 8]）を使用するmedia-module.js コンポーネントが原因で発生します。 行の順序が変更されたり、想定される構造と一致しない場合は、本文コンテンツの代わりに間違ったコンテンツ（エキスパートのタイトルなど）がレンダリングされます。
解決策 resolution
問題を解決するには、次の手順に従います。
media-module.jsコンポーネントの実装、特にBody （RTE） コンテンツとしてレンダリングする行を選択するロジックを確認します。- ユニバーサルエディターのフィールドマーカーが見つからない場合に、フォールバックロジックが行をどのように選択するかを特定します。 例えば、
rows[ 8]などのハードコーディングされたインデックスを使用しているかどうかを確認します。 - 現在の公開済みマークアップのBody （RTE）コンテンツの正しい行インデックスを決定します。 例えば、
rows[ 9]にBody （RTE）コンテンツが含まれている場合は、フォールバックロジックを更新して、rows[ 8]ではなくrows[ 9]を選択します。 - または、固定インデックスに依存するのではなく、コンテンツまたは構造に基づいてBody （RTE）行を識別する位置独立フォールバックメカニズムの実装を検討してください。 このアプローチにより、将来の行の変更に対してコンポーネントがより堅牢になります。
- ステージング環境で更新されたロジックをテストします。 ブラウザー開発者ツールを使用して、正しいコンテンツが
.media-module-rteコンテナでレンダリングされていることを確認します。 - 検証が完了したら、更新されたコンポーネントを実稼動環境にデプロイします。
- 影響を受けるページを監視して、本文（RTE）コンテンツがエンドユーザーに対して正しくレンダリングされていることを確認します。
関連トピックス
recommendation-more-help
experience-cloud-kcs-help-kbarticles