Google検索をカスタマイズして埋め込む
Programmable Search Engine by Google
Google がカスタマイズした Google 検索を埋め込むことが出来るProgrammable Search Engineというサービスを展開している。
これを利用して、今回はサンプルとして次のようなページを作成した。
検索エンジンを作成する
次の URL から作成できる。
https://programmablesearchengine.google.com/controlpanel/create
検索対象とするサイトなどを指定した上で作成を行うと、コードが表示される。 表示されたコードを張り付ければ、埋め込み自体は完了する。
検索エンジンの表示方法を変更する
私が試した際は、デフォルトの検索エンジンの表示方法がオーバレイになっていた。 この切り替えは、サイドバーの”デザイン”タブからレイアウトを選択すると出来る。 “結果のみ”や”Google がホスト”などは、生成されるコードが変更されるので注意。
またデザインタブから、文字色などのテーマやロゴの表示などのカスタマイズ出来る。 ただし自由度はあまり高くない。
検索エンジンの挙動を変更する
サイドバーの”概要”タブや”検索機能”でもある程度のカスタマイズが出来る。
また、次のようにカスタム属性を生成されたコードに付与することでカスタマイズが出来る。
<div class="gcse-search" data-sort_by="date" data-enableHistory="true"></div>詳しくは、Programmable Search Element Control API ページにあるProgrammable Search の要素のカスタマイズのセクションを参照。
API で検索エンジンを利用する
1 日あたりのクエリ数に上限があったり、クエリ数毎に課金が発生するが、API からカスタマイズした検索エンジンを利用することも出来る。
ただし、Custom Search Site Restricted JSON API の方は、次の通りなので利用は控えた方がいいだろう。
2024 年 12 月 18 日をもってトラフィックの処理を停止します。 Custom Search Site Restricted JSON API のすべてのお客様は、Google Cloud の Vertex AI > Search への移行を開始する必要があります。- https://developers.google.com/custom-search/v1/site_restricted_api?hl=ja