Search JS Dataパッケージを用いた統合
このページの翻訳はAIによって自動的に行われました。可能な限り正確な翻訳を心掛けていますが、原文と異なる表現や解釈が含まれる場合があります。正確で公式な情報については、必ず英語の原文をご参照ください。
ウェブサイトやアプリケーションをSitecore Searchと統合する方法の一つに、Search JS Dataパッケージを利用する方法があります。
!注もし組織にJSS Next.jsやJSS AngularアプリケーションがSitecore XM Cloudに接続されている場合は、XM CloudサイトでSitecore Search関連機能をSitecore CloudSDK。また、クラウドSDKとSitecore Search REST APIの比較も参照してください。
Sitecore Searchは訪問者に合わせてパーソナライズできるヘッドレス検索エンジンです。 検索可能なコンテンツをインデックス化 し、それらをエンティティとして保存することでエンティティベースの検索を提供します。エンティティは、異なるカテゴリのコンテンツを表す独自の構造を持つ、異なる検索インデックス可能なオブジェクトタイプです。
フレームワークやフレーバーに関係なく、すべてのJavaScriptプロジェクトはSearchJS Dataパッケージを使ってSitecore Searchで設定された検索体験を作成できます。
構成
Sitecore Searchインターフェース は、ドメインの認証、エンティティ、属性、ソース、機能などすべての構成を含むため、実装において重要な役割を果たします。
ContentストラテジストはSitecore Searchインターフェースでウィジェットや検索体験の設定を設定します。開発者は、アプリケーション内で検索結果を表示するためのウィジェットコンポーネントやUI要素を作成します。
コンソールに慣れておくことをお勧めします。統合時にコンソールから様々な設定にアクセスする必要があるかもしれません。
典型的な検索体験
典型的な検索体験やアプリケーション内の ウィジェットコンポーネントとのやり取り において、ユーザーは以下の通りです:
- 検索にキーワードを提出します。
- 検索結果を閲覧。
- ソー ト をクリックするとソート検索が始まります。
- 検索結果を閲覧。
- アイテムをクリックして閲覧、ダウンロード、ブックマーク、または他のコンバージョンアクションを行います。
検索結果をパーソナライズするために、訪問者情報やウェブページの情報がデータリクエストに含まれ、必要なエンティティタイプも含まれています。これにより、ウィジェットを埋めるために必要なエンティティのみが検索され、受信されることが保証されます。
統合アーキテクチャ
あなたのアプリケーションはJS Dataパッケージを用いて統合され、シングルトンインスタンスであるDataProviderを通じてSearchサービスと通信します。実行時には、さまざまなメソッド、オブジェクト、型を使って構築されたリクエストを中継し、あらかじめ定義された型で応答を受け取ります。
このデータパッケージはJSフレームワークに依存しず、リクエストの作成やレスポンス解析に使えるオブジェクトやメソッドが含まれています。扱われている多くのユースケースには以下があります:
また、応答オブジェクト や ユーザーインタラクションを追跡する手法に関する重要な参考文献も見つけることができます。
統合の開始
開発プロセスのどの段階でもJSデータパッケージを使った統合を開始できます。UIコンポーネントで使われるモデルは、リクエスト内のエンティティと一致または対応しなければなりません。不一致はデータの欠落やエラーを引き起こすことがあります。
統合を始める前に、以下のことをする必要があります:
- アプリケーション内でウィジェットとそのUIの インベントリ を作成しましょう。
- ウィジェットが公開されているか確認してください。
- Sitecore Searchのエンティティとフロントエンドモデル間の不一致を修正しましょう。
最初の検索クエリを行ってください
JS Dataパッケージを使って最初の検索クエリを作成する際の ウォークスルーは、パッケージのインストールやクエリ・ウィジェットオブジェクトの作成について説明しています。