Googleカスタム検索のサイト内設置方法！デザインカスタマイズ方法は？

Googleのカスタム検索をサイト内に埋め込み、設置するメリットはどのような点でしょうか。まずは、Googleカスタム検索について解説します。

Googleのカスタム検索とは、ウェブサイトにGoogleの検索エンジン（検索窓）を埋め込み設置できる無料のシステムです。Googleの高精度の検索技術を利用して、サイト内の検索が可能になります。サイト全体を検索、もしくは一部から検索する設定や、検索エンジンや検索結果のデザインを自分好みにカスタマイズもできます。

上の画像がGoogle検索エンジン（窓）です。（イメージ）Google検索エンジンの高精度な点は、関連する検索結果から順に表示されるところと、かな表記とカタカナ表記をどちらでも検索してくれるところです。（例：スマホ、すまほ）

また、Googlカスタム検索を埋め込み設置する方法はとても簡単です。Googleアカウントを持っていれば、だれでも簡単にカスタム検索をサイトに埋め込み、設置できます。また、Googleが企業向けに提供していた有料検索サービスのGoogle Site Serachが終了しましたが、Googleカスタム検索は継続して使用可能です。

では、Googleのカスタム検索を自分のサイト内に埋め込み、設置する方法を解説していきます。

まずは、Googleアカウントにログインしてから、「Googleカスタム検索」を開きます。そして、右上にある「カスタム検索エンジンの作成」をクリックします。（下の画像で赤枠部分）

すると、カスタム検索作成画面に切り替わります。そして、検索エンジンを設置したいサイト名を入力します。（下の画像で黄色線部分）

カスタム検索では、サイト内の検索したい箇所によってURLを変更して表記します。（上の画像で緑枠部分）個々のページを検索したい場合は「/page.html」を末尾につけます。サイトの一部を検索したい場合は、「/docs/*」か「/docs/」をつけます。ドメイン全体から検索したい場合は、 「*.example.com」と入力します。

次に、「言語」では検索に使用する「日本語」を選択します。（画像赤枠部分）そして、検索エンジンに名前を付けます。（上の画像で黄色枠部分）カスタム検索での検索エンジンの命名ルールは、「Google」と入れないこと、許可なく商標を使用しないこと、2～3語で短いものを使用することです。次に、「作成」をクリックし検索エンジンの作成完了です。（上の画像で青枠部分）

続けて、カスタム検索エンジンの埋め込み方法を開設します。Googleカスタム検索エンジン作成が完了したら、表示される画面から「コードを取得」をクリックします。（下の画像で赤枠部分）

「コードを取得」画面が表示されます。そのページにある検索エンジンの〈script〉をコピーします。（画像はサンプルですが、下の青枠部分をコピー）

コピーした検索エンジンのsprictコードを、埋め込みしたいサイトの箇所に貼り付けします。これで、Google検索エンジンが指定したサイトに埋め込みされました。

また、Googleのカスタム検索は表示デザインもカスタマイズできます。検索エンジンのカスタム方法を解説します。

まずは、検索エンジンの表示カラーを変更します。カスタム検索の、「検索エンジンの編集」から「デザイン」を選択し、「テーマ」のタブをクリックします。（下の画像で赤枠部分）「デフォルト」、「シンプル」、「エスプレッソ」、「グリーンスカイ」、「バブルガム」、「シャイニー」、「クラシック」の７種類の中から好みの検索エンジンのテーマを選びます。（下の画像で青枠部分）