Blog

このブログ投稿では、サービスとしてのコンテンツソリューションであるKenticoKontentとHawksearchの統合例について説明します。しかし、最初に、なぜこの統合が重要なのですか？

なぜケンティココンテント？

Kenticoのサービスとしてのコンテンツは、Kentico Kontentを最高のコラボレーション、eコマース、マーケティング、分析、CRM、およびDAMツールに接続することにより、ビジネスをより速く成長させることができます。接続されたレスポンシブコンテンツファブリックを展開します。

• コンテンツサイロを統合
• 機械学習を介してコンバージョンと目的のアクションを推進します
• 従来のCMSシステムを接続および拡張
• すべてのチャネルにわたるコンテンツパフォーマンスを1か所で分析および最適化します

なぜホークサーチ？

Hawksearchは、人工知能と機械学習テクノロジーを利用して、サイト訪問者にパーソナライズされた関連性の高い検索結果を提供します。この機械学習は、お客様の作業負荷を合理化すると同時に、サイト訪問者に対して非常に正確でパーソナライズされたレコメンデーションエクスペリエンスを生成することができます。 Hawksearchには、マーチャンダイジング、SEO、分析、ビジネスインテリジェンスを支援するための検索以外のさまざまなツールがあります。これはすべて、使いやすさを考慮して設計された1つのダッシュボードに含まれています。

なぜ一緒に良いのですか？

Hawksearchのレーザーフォーカス機能とKenticoKontentを組み合わせることで、豊富な訪問者エクスペリエンスを簡単に作成できます。適切な配信チャネル全体で正確な時間に結果を取得し、さまざまな記録システムを活用して、顧客の旅に最高の結果を提供します。マーケターの場合、HawksearchとKentico Kontentは、サイト訪問者にターゲットを絞ったメッセージングとプロモーションを配信する機能を提供します。マーチャンダイザーの場合、私たちの組み合わせは、目標に合わせたコンテンツや製品を強調する適応性を提供します。開発者にとって、私たちのソリューションは、最高のSaaSとカスタム開発を使用して、より少ないコード行でより多くのことを達成する可能性を可能にします。

KenticoKontentとHawksearchの使用を開始するのは簡単です

Hawksearch / Kenticoコネクタを使用すると、インストールが簡単になります。コネクタはデータのエクスポートを処理し、Webサイトでのフロントエンド統合を簡単に処理できるようにします。このブログ投稿では、プロキシ/ハイブリッドUI統合がどのように機能するかに焦点を当てます。これは、Kentico Kontentユーザーにとって最も一般的な統合であり、コネクタが使用するアプローチでもあります。

検索結果のリクエスト

訪問者がキーワード検索を実行すると、Hawksearchから検索結果が要求されます。関連する結果、ファセット、ページングコントロール、およびその他のオブジェクトが返され、訪問者を結果または記事に誘導します。検索結果は、API呼び出し（ 検索結果のAPIリクエスト）を介して受信できます。

クエリパラメータの例

• キーワード：このパラメータのこの値は、訪問者が使用する検索語です。
• hawkoutput ：ハイブリッド形式でデータを受信するための値は「カスタム」に設定されます（一部のコンポーネントはHTMLとして、結果はJSONとして）。
• hawkitemlist ：この値はJSONに設定され、結果セットがJSONとして返されることを示します。

応答の他のコンポーネントも、HTMLではなくJSONとして返すことができます。これに興味がある場合は、プロジェクトチームに問い合わせてください。

HawksearchAPIの応答

Hawksearch Engineが照会されると、API応答の一部として次のオブジェクトが返されます。

• 成功：これは、APIリクエストが成功したかどうかを示します。
• データ：このオブジェクトには、API応答に関連するコンポーネントが含まれます。データオブジェクトには、次のオブジェクトが含まれます。
  • タイトル：これはページのタイトルです。
  • TopText ：このオブジェクトには、検索結果（展開結果）の上にHTMLテキストが含まれます。
  • BreadCrumb ：このオブジェクトには、選択したファセットやキーワードを含むブレッドクラムを表示するためのHTMLが含まれています。
  • TopPager ：このオブジェクトには、検索結果の上にあるページャーのHTMLが含まれています。
  • BottomPager ：このオブジェクトには、検索結果の下にポケットベルのHTMLが含まれています。
  • 結果：このオブジェクトには、データの要求方法に応じて、JSON、HTML、またはXML形式の結果が含まれます。 （結果オブジェクトの例については、以下を参照してください）
  • マーチャンダイジング：このオブジェクトには、ダッシュボードで設定されたマーチャンダイジングとバナールールを表示するためのHTMLが含まれています。
  • 選択：このオブジェクトには、フィルタリングに使用される選択されたファセットのHTMLが含まれています。
  • ファセット：このオブジェクトには、フィルタリングに使用できるファセットのHTMLが含まれています。
  • 注目アイテム：このクエリに注目アイテムバナーが設定されている場合、このオブジェクトにはこのマーチャンダイジング機能のHTMLが含まれます。
  • 場所：このオブジェクトには、Workbenchを介して設定されている場合、リダイレクトURLの値が含まれます。存在する場合は、訪問者をURLに送信し、残りのAPI応答を無視します。
• DidYouMean ：このオブジェクトには、ワークベンチで適切なキーワードに指定されたスペルチェックオーバーライドの値が含まれています。この値には、推奨されるキーワードのみが含まれます。
• TrackingId ：このオブジェクトには、[検索結果]ページのリンクに渡されるトラッキングIDが含まれています。詳細については、クリックトラッキングのセクションを参照してください。
• MetaDescription ：このオブジェクトには、要求されたランディングページのSEOフィールドであるメタ説明が含まれています。
• MetaKeywords ：このオブジェクトには、要求されたランディングページのSEOフィールドであるメタキーワードが含まれています。
• MetaRobots ：このオブジェクトには、SEOフィールドであるMetaRobotsが含まれています。
• HeaderTitle ：このオブジェクトには、SEOフィールド、ヘッダータイトルが含まれます。
• RelCanonical ：このオブジェクトにはCanonicalリンクが含まれています。

JSON '結果'オブジェクトの例

'Results': [ { 'Score': 0.005307952, 'ItemName': 'Logo Hat - The North Face', 'ImageURL': '/assets/1/14/DimThumbnail/{DE7A166C-24F5-453B-B970-A30BD746C21D}.jpg', 'ImageAlt': '10187', 'Id': 'Item_74303', 'CustomURL': '/products/logo-hat-the-north-face/', 'TrackingId': '1213044', 'Brand': 'The North Face', 'Price': '18', 'SalePrice': '18', 'IsOnSale': false, 'BestFragment': '... - the north<\/b> face<\/b> the logo hat has the north<\/b> face<\/b> logo and '1968' embroidered on this washed cotton twill hat.<br> <br> men accessories hats & headwear specials sat dec 15th kids women accessories hats & headwear women hats & headwear caps men hats & headwear caps the north<\/b> ...', 'MinPrice': '18', 'MaxPrice': '18', 'MinSalePrice': '0', 'MaxSalePrice': '0' }, { 'Score': 7.017364E-4, 'ItemName': 'Baby Llama Beanie', 'ImageURL': '/assets/1/14/DimThumbnail/The-North-Face-Baby-Llama-Beanie-jake-blue.jpg', 'ImageAlt': 'Llama', 'Id': 'Item_118551', 'CustomURL': '/products/baby-llama-beanie-/', 'TrackingId': '1213044', 'Brand': 'The North Face', 'Price': '25', 'SalePrice': '11.97', 'IsOnSale': true, 'BestFragment': '... design, the north<\/b> face<\/b> baby llama beanie is about the cutest thing you can pull on your baby's head. made from lightweight acrylic fibers, this north<\/b> face<\/b> hat has a fleece ear band for extra warmth and a soft feel against the skin.</div><div>&nbsp;</div></div></div> ...', 'MinPrice': '25', 'MaxPrice': '25', 'MinSalePrice': '11.97', 'MaxSalePrice': '11.97' } ]

要求された検索結果の表示

検索ページ/リストページ

検索ページ/リストページは、サーバーの初期ロードを処理します。コネクタを使用して、エンジンから返された応答を処理します。応答が処理されると、HTMLはコネクタによってレンダリングされ、HTMLがページに返されます。

プロキシページ

プロキシページは、サーバーの初期ロード（検索ページ/リストページによって処理されます）に続くロードに対して、Hawksearchとサイトの間の中間ページとして機能します。プロキシページはコネクタを使用して、Hawksearchから返された応答を処理します。

HTML要素

結果の最初のサーバー側ロードの後、HawksearchのJavaScriptを使用して、後続のロードのためにプロキシページからサイトページにHTMLを挿入します。以下は、Hawksearchが後続のロード中にHTMLを挿入する次のdivです。

まとめ

KenticoKontentからデータを簡単にプルできるHawksearch / Kenticoコネクタと上記のUI統合手順により、KenticoKontentを利用したサイトでHawksearchの強力な機械学習自動化と使いやすいツールを利用する準備が整います。