ページへのSearch&Promote機能の追加
WebサイトにSearch&Promote機能を統合するには、Search&Promoteコンポーネントを使用して、次の機能をページに追加します。
- キーワード検索
- 検索結果のページ
- 検索の絞り込み
- バナー
Search&Promote 機能は、AEM の管理者が有効にしている場合にのみ使用できます。Adobe Search&Promote との統合を参照してください。
Search&Promote サーバーでは、ファセットや各コンポーネントが提供する情報が設定されています。次の表で、各コンポーネントの概要について説明します。後続のセクションではそれらの用途の詳細情報を提供します。
| Search&Promote のコンポーネント | 説明 |
|---|---|
| バナー | バナー広告を表示します。バナーは Search&Promote を通じて収集されたデータに基づいて選択されます。 |
| パンくずリスト | 検索キーワードとユーザーが検索結果に適用したフィルターの結果が表示されます。 |
| チェックボックスリストファセット | 検索結果をフィルタリングするためのファセットを選択するチェックボックスのリスト。 |
| ドロップダウンファセット | 検索結果をフィルタリングするためのファセットのドロップダウンリスト。 |
| リンクリストファセット | 検索結果をフィルタリングするためのファセットリンクのリスト。 |
| ページネーション | 検索結果のページを検索するためのコントロール。 |
| 結果 | キーワード検索の結果を表示します。 |
| 検索 | ページに検索フィールドを追加します。 |
検索結果ページの作成
WCM Web サイトコンソールを使用して、検索結果を表示するページを作成します。同じ Search&Promote サービスを使用している場合、すべての検索コンポーネントからの検索結果をこのページに表示することができます。
ユーザーは結果コンポーネントとページネーションコンポーネントで検索結果をレビューできます。結果コンポーネントには、編集モードやデザインモードで構成可能なプロパティがありません。結果コンポーネントには検索結果の一覧と、他のページへのリンク、指定の検索キーワードによる検索結果の数が表示されます。
ページネーションコンポーネントでは、複数ページの検索結果を移動できます。ユーザーはページ数を確認し、次のページや前のページに移動したり、ページを選択して開いたり、すべての結果を 1 つのページに表示したりできます。
編集モードで次のコンポーネントプロパティを設定して、ランタイムの動作を制御できます。
- 単一の結果ページを非表示 — 検索で結果の1ページが返された場合に、ページナビゲーションコントロールを非表示にするには、このオプションを選択します。
- 最初/最後を非表示 — ユーザーが結果の最初または最後のページにジャンプしないようにするには、このオプションを選択します。
- 前/次を非表示 — ユーザーが現在のページを基準にして結果ページをナビゲートできるかどうかを指定します。
- 表示をすべて非表示 — 検索結果を1ページにまとめるかどうかを指定します。通常、ページ分割されたデータを提供するとサーバーのリソースをより効率的に使用できます。サイズの大きなデータセットを 1 つの応答メッセージで転送されないようにするには、このオプションを選択します。
ファセットによる結果のフィルタリングの有効化
ユーザーが検索結果をファセットでフィルタリングできるように設定できます。チェックボックスリストファセット、ドロップダウンファセット、リンクリストファセットの各コンポーネントを使用して、フィルタリングするファセットを1つ以上選択できます。 これらのコンポーネントを使用する際には、パンくずコンポーネントも指定することをお勧めします。パンくずは、現在使用されているフィルターを示します。
チェックボックスリストファセット、ドロップダウンファセット、リンクリストファセットの各コンポーネントには、編集モードで設定する次のプロパティがあります。
- ファセット名 -フィルターに使用されるファセットの名前。
チェックボックスリストファセットコンポーネントにファセットのリストと関連するチェックボックスが表示されます。チェックボックスリストファセットを使用して、ユーザーが複数のファセットからの項目が含まれる結果のサブセットを表示できるようにします。例えば、複数のブランドが同じ種類の製品を供給する場合は、ブランドファセットが適切です。
検索結果に関連付けられている各ファセットにチェックボックスが表示されます。ユーザーがチェックボックスをオンにすると、ページが再度読み込まれ、結果セットが更新されます。すべてのチェックボックスはページに表示されたままなので、ユーザーはいつでもフィルターに対してファセットを追加または削除できます。
ドロップダウンファセットコンポーネントを使用すると、ユーザーがドロップダウンリストからファセット項目を選択できます。このコンポーネントは、一度に 1 つのファセットに絞り込む場合に便利です。例えば、商品検索を性別で絞り込む場合には部門ファセットが適切です。**ジーンズを探しているジョンが部門を「男性」でフィルター。
ドロップダウンリストには、すべての検索結果に関連付けられているファセットが入力されています。ドロップダウンリストで項目を選択すると、ページが再度読み込まれ、結果セットが更新されます。ドロップダウンリストの項目は変わらないので、ユーザーはいつでもファセットを切り替えることができます。
リンクリストファセットコンポーネントを使用すると、ユーザーが複数のファセットメンバーまたはファセットで項目を段階的に絞り込むことができます。
ファセットメンバーはリンクのリストとして表示されます。各リンクのテキストは、現在の検索結果に関連付けられているファセットメンバーの名前です。ユーザーがファセットリンクをクリックすると、ページが再度読み込まれ、検索結果のサブセットが表示されます。リンクのリストはクリックに応じて更新され、結果をさらに絞り込むことができます。
また、異なるタイプのSearch&Promoteコンポーネントからフィルターが適用されると、リスト内のリンクも変更されます。 複数の種類のフィルターコンポーネントを使用することで、フィルターを効果的に組み合わせることができます。
パンくずコンポーネントを使用すると、ユーザーが検索結果に現在適用されているフィルターを、適用された順序で確認できます。パンくずの項目をクリックすることで、そのフィルターの組み合わせに戻すことができます。
編集モードで次のパンくずのプロパティを設定して、コンポーネントの外観をカスタマイズできます。
- Delimiter — 各パンくずリスト間の区切り文字として使用する文字または文字列を定義します。Delimiterフィールドは、任意の文字列を入力として受け付けます。 デフォルトの設定は、">"（引用符なし）です。
- トレーリング区切り — パンくずリストの末尾に表示する文字または文字列を定義します。「トレーリング区切り文字」フィールドは、任意の文字列を入力として受け付けます。 このデフォルト設定は「空白」です（階層リンクの最後に何も表示されません）。
検索ボックスの追加
検索コンポーネントを使用すると、顧客はキーワード検索を実行できます。 検索機能にアクセス権限を付与する各ページに検索コンポーネントを追加します。
ランタイムの動作を制御するには、Editモードで次のプロパティを設定します。
- Result Page Path — 検索結果を表示するページへのパス。
- オートコンプリートを有効にする — 顧客が検索ボックスに入力し始めたときに推奨検索キーワードが表示されるようにする場合に選択します。
バナーの追加
バナーコンポーネントは、顧客のSearch&Promote検索に従ってバナー広告を表示します。 Search&Replace サーバーのロジックにより表示されるバナーが決まります。例えば、「ジーンズ」を検索するとファッション関連のバナーが表示されます。「男性」部門でフィルタリングすると、バナーがさらに絞り込まれます。
バナーコンポーネントは、バナー領域という名前の設定可能なプロパティを1つ提供します。 編集モードで、いずれかのプロパティ値を選択し、バナーの表示方法を指定します。 Search&Promote サービスにより、値のリストの選択元が決まります。
Search&Promote 検索ページの例
この図は、下の完全に機能する Search&Promote 結果ページを作成するためにページに追加されるコンポーネントを示します。
