組み込みコンテンツ——共通パーツを一か所で更新

複数の商品ページに載せる資料請求の案内や、各ページで共通して使うバナー・注意書き。組み込みコンテンツにまとめておけば、連絡先や案内の内容が変わっても、掲載先を一つずつ編集せずに修正を反映できます。

共通部分は一つのコンテンツとして編集でき、どのコンテンツで使われているかも一覧で確認できます。さらに、組み込み部分のテンプレートに独自の処理を開発すれば、条件に応じて表示する内容を切り替えられます。

共通の案内も、内容に合わせて編集できます

ヘッダーやサイドメニュー、フッターなどの共通領域にも、リンクや画像だけでなく、説明文を添えた案内を載せたいことがあります。イベントの告知に画像と申込先を載せたり、資料請求の案内に説明文とフォームへのリンクをまとめたりする場面です。

組み込みコンテンツでは、共通して使う部分を独立したコンテンツとして用意できます。旧ページで紹介しているように、テキストや画像、動画、フォームなどを含む内容も、用途に合わせて構成できます。

共通の案内を各ページへコピーするのではなく、同じコンテンツを参照して使うことで、編集する場所を一つにまとめられます。

連絡先が変わっても、商品ページを一つずつ直さずに済みます

複数の商品ページに、同じ資料請求の案内を載せているとします。連絡先が変わったとき、案内文をページごとにコピーしていた場合は、掲載先を探して個別に修正しなければなりません。

案内文と資料請求フォームへのリンクを組み込みコンテンツにまとめておけば、その共通部分を修正することで、参照している各商品ページに変更が反映されます。

商品ごとの説明はそれぞれのページで、共通の案内は一か所で管理する。商品ページが増えても、共通の案内を直すために編集する箇所を増やさずに済みます。

どのページで使っているかを、確認してから変更できます

共通部分をまとめて変更できると、次に気になるのは「この修正がどこに反映されるか」です。長く使っているバナーや注意書きでは、作成した担当者がすべての掲載先を覚えているとは限りません。

組み込みコンテンツの画面では、その部品を使用しているコンテンツを一覧で確認できます。変更前に参照元を確かめ、どのページに影響するかを把握してから編集できます。

内容の管理と、その使われ方の確認を同じ画面で行えるため、共通部品を引き継いだ担当者も、掲載先を確認しながら作業を進められます。

部品にロジックを持たせ、条件に応じて表示を変えられます

共通の場所に、いつも同じ内容を表示するだけでなく、条件に合わせて案内を切り替えたい場合もあります。

組み込み部分のテンプレートには、JSPなどで独自の処理を開発できます。例えば、複数のバナーやキャッチコピーと表示条件を登録し、ユーザーの条件に応じて表示する内容を選ぶ処理を組み込めます。

この処理を部品としてまとめておけば、同じ表示処理を使う各ページに、個別にロジックを書く必要がありません。共通の案内文を一か所で管理するのと同じように、複数の場所で使う処理も部品側にまとめられます。

条件による出し分けには、その条件を判定して表示するテンプレートの開発が必要です。運用時に登録・変更する内容と、テンプレートが受け持つ処理を分けて構成します。

共通で更新する部品と、挿入後に個別編集する部品を使い分けます

複数のページで同じ内容を保ち、修正をまとめて反映したい場合には、組み込みコンテンツを使います。

一方、共通のひな形から始めても、挿入後はページごとに内容を変えていきたい場合には、プリセットを使います。「同じものを参照して使う」のか、「ひな形を挿入して個別に編集する」のかによって、使い分けられます。