クイック検索コンポーネント quick-search-component

クイック検索コンポーネントは、Web サイトに検索機能を提供し、検索結果を提示することで、訪問者が一致するコンテンツを簡単に見つけて結果を表示できるようにします。

TIP
AEM 向け Edge Delivery Services について検討したことはありますか?
既存のプロジェクトでは、このドキュメントで説明されている方法を引き続き使用できます。 ただし、新規プロジェクトの場合は、Edge Delivery Services を利用することをお勧めします

使用方法 usage

クイック検索コンポーネントを使用すれば、サイト訪問者がコンテンツを検索し、その結果をインプレースで表示し、一致するページに容易に移動できるようになります。 ユーザーが検索結果をスクロールすると、それに合わせて新しい結果が動的に取得されます。

編集ダイアログ ​を使用すると、コンテンツ作成者は、コンテンツツリー内の検索を開始する場所を定義できます。また、オプションでセマンティック検索トグルを非表示にすることもできます。 テンプレート作成者は、​ デザインダイアログ ​を使用して、コンテンツツリー内の検索を開始する場所、最大結果セットサイズ、最小検索語句の長さ、およびセマンティック検索トグルがデフォルトで訪問者に表示されるかどうかに関するデフォルト値を設定できます。

バージョンと互換性 version-and-compatibility

現在のバージョンのクイック検索コンポーネントはv3です。このバージョンは、​ リリース 2.32.0のコアコンポーネントにオプションのセマンティック検索トグルが追加されて導入されたもので、このドキュメントで説明します。

コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。

コンポーネントのバージョン
AEM 6.4
AEM 6.5
AEM 6.5 LTS
AEM as a Cloud Service
v3
-
互換性あり
互換性あり
互換性あり
v2
-
互換性あり
互換性あり
互換性あり
v1
リリース 2.17.4 以前と互換性あり
互換性あり
-
互換性あり

コアコンポーネントのバージョンとリリースについて詳しくは、コアコンポーネントのバージョンを参照してください。

技術的詳細 technical-details

NOTE
DOS 攻撃からの検索コンポーネントや AEM ベースアプリケーションの保護は、Dispatcher で mod_security を使用するなど、より高いレベルで実装する必要があります。

クイック検索コンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。

コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。

編集ダイアログ edit-dialog

編集ダイアログでは、コンテンツ作成者がコンテンツツリー内のどこから検索を開始するかを定義し、必要に応じてセマンティック検索トグルを非表示にすることができます。

クイック検索コンポーネントの編集ダイアログ

検索ルート - 検索の開始位置となるルートページ。 検索ルートは、ブループリントマスター、言語マスター、通常のページのいずれでもかまいません。

  • ID - このオプションを使用すると、HTML 内およびデータレイヤー内のコンポーネントの一意の識別子を制御できます。

    • 空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
    • ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
    • ID を変更すると、CSS、JS、およびデータレイヤーのトラッキングに影響を与える可能性があります。
  • このインスタンスでセマンティック検索を非表示トグル – オンにすると、​ デザインダイアログ ​が表示するように設定されているかどうかに関係なく、セマンティック検索トグルが非表示になります。

    • テンプレートのデフォルトを使用する場合は、このチェックをオフにします。
    • このオプションは、デザインダイアログで非表示になっているプレースメントにトグルを強制的に表示することはできません。
NOTE
検索ルート​が設定されていない場合や解決できない場合、クイック検索はデフォルトで現在のページ配下の検索になります。
NOTE
セマンティック検索トグルは、AEM Content AIを使用して設定されている場合にのみ、AIを活用した結果を返します。 Content AIで設定されていないAEM 6.5およびAEM 6.5 LTS環境では、訪問者に機能しない検索モードが提供されないように、デザインダイアログ 🔗を使用してトグル を非表示にします。

デザインダイアログ design-dialog

デザインダイアログを使用して、テンプレート作成者は、コンテンツツリー内の検索を開始する場所のデフォルト値と、結果セットサイズの最大値、検索語句の最小長、およびセマンティック検索トグルがデフォルトで訪問者に表示されるかどうかを設定できます。

「プロパティ」タブ properties-tab

クイック検索コンポーネントのデザインダイアログ

NOTE
セマンティック検索トグルは、AEM Content AIを使用して設定されている場合にのみ、AIを活用した結果を返します。 Content AIで設定されていないAEM 6.5およびAEM 6.5 LTS環境では、デザインダイアログを使用してトグルを非表示にし、訪問者に機能しない検索モードが提供されないようにします。
NOTE
結果のサイズ」と「検索語句の最小の長さ」は、デザインモード(テンプレートレベル)でしか設定できません。つまり、コンテンツ作成者はこれらの値を変更できません。
CAUTION
結果のサイズ」が大きすぎる場合や、「検索語句の最小の長さ」が小さすぎる場合は、パフォーマンスに影響が出る可能性があります。

「スタイル」タブ styles-tab

クイック検索コンポーネントでは、AEM スタイルシステムをサポートしています。

recommendation-more-help
experience-manager-core-components-help-main-toc