Google カスタム検索導入手順(サイト内検索)
1年ほど前にサイト内検索としてGoogleのカスタム検索を紹介しました。私自身、使い勝手が悪く一度設定したっきり他のサイトには導入していなかったのですが、数日前に久々に使ってみたら大幅に修正が行われていました。
以前紹介した時に、検索結果が表示される際の横幅調整で苦労していた方からコメントを頂いたので、情報としてはかなり遅いと思われますが、自分の備忘録用としても一応記事にしておきます。
検索結果を表示するためのページを作成する必要もなく、手順はめちゃくちゃ簡単になっています。
Google カスタム検索導入手順
- カスタム検索エンジンの作成
- コード取得
- コード貼り付け・幅調整
カスタム検索エンジンの作成
Google カスタム検索にアクセスし、カスタム検索エンジン作成をクリック

- 検索エンジンの名前 : 検索結果の上部に表示される名前
- 検索エンジンの説明 : 任意
- 検索対象 : サイト内検索なので「選択したサイトのみ」
- 検索するサイト : 自サイトのURLを入力(特定のディレクトリ内のみを検索指定することも可能)
- エディション : カスタム検索
規約同意にチェックし次のページへ進み完了です。
コード取得
作成した検索エンジンのコントロールパネルをクリックし、コードを取得。


コード貼り付けと幅調整
表示されたコードをサイトの好きな場所に貼り付けるのですが、以前のカスタム検索と違って検索結果がその場に表示されますので、基本的にどこに貼り付けても問題ないと思います。

実際に検索するとこんな感じになります。

検索結果が表示される横幅はデフォルトではCSSで100%と指定してありますが、変更したい場合には、コードの一番上にある「width: 100%」という部分を90%や300pxなどとサイズ指定すればOKです。
簡単設置手順は以上ですが、自分のサイトに合わせもっとカスタマイズすることも可能ですので、興味のある方は色々いじってみましょう。
※基本設定内の広告の設定で、広告を表示しない設定は選択しない方が良いでしょう。
タグ:サイト内検索 Google

