COS-General

HubSpotページに検索機能を追加するにはどうすればよいですか?

更新日時 November 28, 2016

必要条件

ソフトウェア: HubSpot マーケティング
サブスクリプション: Basic, Pro, & Enterprise

以下の手順に従って組み込みのGoogle検索モジュールをページに追加します。別のタブでGoogleブランドページが開かれ、ここに検索結果が表示されます。

  • [Content(コンテンツ) > [Design Manager(デバイスマネージャー)]の順に進み、該当のページでレイアウトとして使用しているテンプレートを見つけ、そのテンプレートを表示して編集します。
  • [Add row(行を追加)]をクリックしてテンプレートにモジュールを追加し、新しいモジュールの右側にあるギアアイコンをクリックします。[Swap Module(モジュールを交換)]を選択して、[Google Search(Google検索)]モジュールを選択し、[Select(選択)]をクリックします。
ユーザー追加画像
ユーザー追加画像

他の方法として、Googleカスタム検索エンジンコードを作成してテンプレートのHTMLモジュールに追加できますが、コードは必ず[Design Manager(デザインマネージャー)]でテンプレートのカスタムHTMLモジュールに貼り付けてください。

HubSpotクラシック版CMSを使用している場合、ページに追加できる組み込みの検索機能はありません。したがって、Googleカスタム検索を追加することをお勧めします。カスタム検索はhttps://www.google.com/cse/で作成できます。以下の手順に従ってGoogleカスタム検索エンジンをHubSpotクラシック版CMSサイトに追加してください。

  • http://www.google.com/cseにアクセスし、Googleアカウントを使用してログインします。
  • [Add(追加)]をクリックします。
ユーザー追加画像
ウェブサイトの情報を入力し、[Create(作成)]をクリックします。
ユーザー追加画像
ユーザー追加画像
  • 検索設定を変更した後に、[Get Code(コードを取得)]を選択します。
ユーザー追加画像
コードをコピーします。
ユーザー追加画像
検索機能を追加するページに移動します。
  • [Add module(モジュールを追加)]をクリックします。
  • [HTML / Javascript(HTML / Javascript)]を選択します。
ユーザー追加画像
モジュールにコードを貼り付けます。
  • [Save(保存)]を押します。
ユーザー追加画像
ユーザー追加画像