1. Search開発者

Search JS Dataパッケージを使用した統合

日本語翻訳に関する免責事項

このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。

WebサイトまたはアプリケーションをSitecore Searchと統合するために利用可能な方法の1つは、Search JS Dataパッケージを使用することです。

メモ

組織にJSS Next.jsまたはJSSのAngularアプリケーションがSitecore XM Cloudに接続されている場合は、Sitecore Cloud SDKを使用してXM CloudサイトにSitecore Search関連の機能を実装します。Cloud SDKとSitecore Search REST APIの比較も参照してください。

Sitecore Searchは、訪問者に合わせてパーソナライズできるヘッドレス検索エンジンです。 検索可能なコンテンツにインデックスを付け 、インデックスをエンティティとして保存することで、エンティティベースの検索を提供します。エンティティは、コンテンツのさまざまなカテゴリを表す固有の構造を持つ、検索インデックス可能な個別のオブジェクト タイプです。

フレームワークやフレーバーに関係なく、すべてのJavaScriptプロジェクトSearchJS Dataパッケージ を使用して、Sitecore Searchで設定された検索エクスペリエンスを作成できます。

構成

Sitecore Searchインターフェイスには 、認証、エンティティ、属性、ソース、機能など、ドメインのすべての構成が含まれているため、実装の重要な部分です。

Contentストラテジストは、Sitecore Searchインターフェイスでウィジェットまたは検索エクスペリエンス構成を構成します。開発者は、アプリケーションに検索結果を表示するウィジェットコンポーネントまたはUI要素を作成します。

コンソールについてよく理解しておくことをお勧めします。統合中に、コンソールからさまざまな設定にアクセスする必要がある場合があります。

一般的な検索エクスペリエンス

一般的な検索エクスペリエンス、およびアプリケーション内の ウィジェットコンポーネントとの対話 では、ユーザーは次のことを行います。

  1. 検索するキーフレーズを送信します。

  2. 検索結果を表示します。

  3. Sortをクリックすると、ソートされた検索がトリガーされます。

  4. 検索結果を表示します。

  5. 項目をクリックして、その項目を表示、ダウンロード、ブックマークするか、別のコンバージョン アクションをクリックします。

検索結果をパーソナライズするために、訪問者とWebページの情報は、必要なエンティティ タイプだけでなく、データ要求に含まれます。これにより、ウィジェットに入力するために必要なエンティティのみが検索され、受信されることが保証されます。

統合アーキテクチャ

JS Dataパッケージを使用して統合されたアプリケーションは、シングルトンインスタンスであるDataProviderを介してSearchサービスと通信します。実行時に、さまざまなメソッド、オブジェクト、および型を使用して構築された要求を中継し、事前定義された型で応答を受信します。

Requests traveling from a component to Search API and back.

データパッケージはJSフレームワークに依存しず、リクエストの作成と応答の解析に使用できるオブジェクトとメソッドが含まれています。取り上げられる多くのユースケースには、次のようなものがあります。

また、ユーザー操作を追跡するための応答オブジェクトとメソッドに関する主要なリファレンスドキュメントも見つけることができます。

統合の開始

JSデータパッケージを使用して、開発プロセスの任意の時点で統合を開始できます。UIコンポーネントで使用されるモデルは、リクエスト内のエンティティと一致するか、マップする必要があります。不一致は、データの欠落やエラーを引き起こす可能性があります。

統合を開始する前に、次のことを行う必要があります。

  • アプリケーション内のウィジェットとそれぞれのUIのインベントリ を作成します。

  • ウィジェットが公開されていることを確認します。

  • Sitecore Searchエンティティとフロントエンドモデル間の不一致を修正します。

最初の検索クエリを作成する

JS Dataパッケージを使用して最初の検索クエリを作成するには、パッケージのインストールとクエリ オブジェクトとウィジェット オブジェクトの作成について説明します。

この記事を改善するための提案がある場合は、 お知らせください!