お客さまへの大切なお知らせ:膨大なサポート情報を少しでも早くお客さまにお届けするため、本コンテンツの日本語版は人間の翻訳者を介さない自動翻訳で提供されております。正確な最新情報については本コンテンツの英語版をご覧ください。
Design Manager

サイトで検索フィールドを使用するように結果ページを設定する

更新日時 2021年 4月 2日

対象製品

Marketing Hub  Professional, Enterprise
CMS Hub  Professional, Enterprise
Marketing Hub Basic(旧製品)

訪問者は、検索フィールドモジュールを使用してウェブサイトのサブドメインに関連するコンテンツを検索できます。HubSpotサイトに検索フィールドを追加するには、デザインマネージャーツールで新しい検索結果ページシステムテンプレートを作成して公開します。次に、設定でシステムページの既定としてこのテンプレートを選択します。

注:特定のサブドメイン、コンテンツタイプ、URLパスが含まれるように検索フィールドをカスタマイズするには、開発者ドキュメントを参照してください。


検索結果ページシステムテンプレートを作成する

  • HubSpotアカウントにて、[マーケティング] > [ファイルとテンプレート] > [デザインツール]の順に進みます。
  • 必要に応じて、folder フォルダーアイコンをクリックして右のサイドバーメニューを展開します。[ファイル] ドロップダウンメニューをクリックし、[新規ファイル] を選択します。または、デザインマネージャーでタブが1つも開いていない場合は、右上角にある[新規ファイルを作成] をクリックしても構いません。 
  • ダイアログボックスで[ドラッグ&ドロップ] を選択します。 
  • [テンプレートタイプ] ドロップダウンメニューから、[検索結果ページ] を選択します。 

  • ファイルに名前を付けて[作成] をクリックします。この新しいテンプレートには2つの新しいモジュールがあります。サイト検索入力サイト検索結果です。design-manager-site-search-module

スタイルなどのコンポーネントをページに追加したら、[変更を公開] をクリックしてこのテンプレートを公開します。

注:ウェブサイトが現在、hubspotpagebuilder既定ドメインでホストされている場合、[サイト検索結果]ページは読み込まれません。これを解決するには、接続されたカスタムドメインでコンテンツをホストすることができます。

このテンプレートを検索結果ページのシステムテンプレートとして選択する

  • HubSpotアカウントにて、ナビゲーションバーに表示される[設定アイコン settings]をクリックします。
  • 左側のサイドバーメニューで[ウェブサイト] >[ページ] に移動します。 
  • [システムページ] タブをクリックします。 
  • [検索結果ページ] ドロップダウンメニューから、作成した検索結果ページを選択します。
  • [保存]をクリックして変更を適用します。これで、検索入力モジュールをウェブサイトの任意の場所で使用できるようになりました。ユーザーが検索を実行すると、結果がこの検索結果テンプレートに表示されます。