チュートリアル: ページへの検索機能の追加

概要

SXA で検索を使用および設定する方法。

訪問者が探しているものをすばやく見つけることができるように、SXA には、すぐに使用できる柔軟な検索機能があります。ツール ボックスには、検索ボックスを追加するレンダリング、検索結果を並べ替えまたはフィルター処理するレンダリングなど、さまざまな検索レンダリングがあります。これにより、サイトにシンプルな検索ソリューションを簡単にセットアップできます。

たとえば、ページに基本的な検索ソリューションを追加することができます。このソリューションは、検索クエリ ボックスを含んでおり、改ページで結果を一覧表示します。

注記

検索コンポーネントの検索要求の結果を表示するには、プレビュー モードに切り替える必要があります。

このチュートリアルでは、次の方法について説明します。

  • 検索ボックス レンダリングの追加

  • 検索結果レンダリングの追加

  • ページ セレクター レンダリングの追加

ユーザーが検索結果を表示するには、ページに検索結果レンダリングを追加する必要があります。シンプルな解決策として、検索結果を同じページに表示させることができます。

検索結果レンダリングを追加するには、次の手順に従います。

  1. ページに検索結果セクションを追加するには、ツールボックスからページに [検索結果] レンダリングをドラッグします。

  2. ページ上にある検索ボックスのテキストを変更するには、[検索結果] ツールバーで [コンポーネント設定アイテムの編集]E9DBB5659C0B4AADBFC8AF485DA9D9F8.pngをクリックし、検索で結果が返されなかったときに表示するテキストを入力します。[OK] をクリックします。

  3. 一度に読み込む結果の数や、結果の並べ替え方法を決定するなどのために検索結果レンダリングのパラメーターを変更するには、[関連付けられたコンテンツを選択してください。] ダイアログ ボックスで、既定のアイテムを選択します。

  4. [コントロール プロパティ] ダイアログ ボックスで、次のフィールドを編集して、検索結果の配置方法を指定します。

    • [検索結果シグネチャ] – 結果をさらに表示レンダリングなどの別の検索レンダリングとの組み合わせに使用できる固有のシグネチャを入力します。これは、ページ上に 1 つ以上の検索レンダリングがあり、特定の検索結果をフィルター処理する場合に便利です。このフィールドを空のままにすると、シグネチャのないすべての検索結果のレンダリングがフィルター処理されます。

    • [検索スコープ] - スコープを選択して、検索結果を制限します。

    • [ページ サイズ] – レンダリングで読み込む結果の数を入力します。

    • [既定の言語フィルター処理] – 検索に使用する言語を選択します。

    • [既定の並べ替え順] – ページで結果を並べ替える方法を選択します。これは、結果の並べ替えレンダリングが使用されていない場合にのみ使用されます。

    • [条件が設定されていない場合は自動的に検索をやめる] - オンにすると、検索はユーザーが検索条件を指定するまでトリガーされません。

ページ セレクター レンダリングを使用すると、結果ページの表示方法を決定できます。表示されるページ数は、検索結果レンダリングで設定された既定のページ サイズによって、ページ サイズ レンダリングが使用されている場合はページ サイズ レンダリングで設定されたページ サイズによってそれぞれ異なります。

ページ セレクター レンダリングを追加するには、次の手順に従います。

  1. ツールボックスから、[ページ セレクター] レンダリングをページにドラッグします。

  2. [ページ セレクター] ツールバーで、[コンポーネント設定アイテムを編集します]93581C7A08B446E69F50AD3ECE04CE8E.png をクリックします。

  3. ダイアログ ボックスで、フィールドに入力し、[OK] をクリックします。

    たとえば、次のフィールドに、

    ページ セレクターのフィールドに入力します。

    次のように表示されます。

    フィールドを設定した後、ページ セレクターが表示されます。
  4. ボタンに表示されるページ数を決定する場合など、ページ セレクター レンダリングのプロパティを変更するには、[検索ボックス] で、[その他] をクリックし、[コンポーネント プロパティの編集] をクリックします。

  5. [コントロール プロパティ] ダイアログ ボックスで、次のフィールドを編集してから、[OK] をクリックします。

    • 検索結果のシグネチャ– 特定の検索結果レンダリングでフィルター処理する場合は、検索する検索結果レンダリングのシグネチャ (コンマ区切り) を入力します。

    • [折りたたみモードのしきい値] – 多くのページで結果が予想される場合は、これらのページの一部をドットに置き換えることができます。

    たとえば、[折りたたみモードのしきい値] フィールドに「10」を入力すると、次の検索結果が表示されます。

    折りたたみモードのしきい値の使用例。