Add a customizable search box to your web pages and show fast, relevant results powered by Google Search.
![Google カスタム検索エンジン - サイト検索](https://cdn-ak-scissors.b.st-hatena.com/image/square/cb73ad082e33d77c4c728e7ceed8edadd9d34902/height=288;version=1;width=512/https%3A%2F%2Fprogrammablesearchengine.google.com%2Fabout%2Fsocial_banner.jpg)
1年ほど前にサイト内検索としてGoogleのカスタム検索を紹介しました。私自身、使い勝手が悪く一度設定したっきり他のサイトには導入していなかったのですが、数日前に久々に使ってみたら大幅に修正が行われていました。 以前紹介した時に、検索結果が表示される際の横幅調整で苦労していた方からコメントを頂いたので、情報としてはかなり遅いと思われますが、自分の備忘録用としても一応記事にしておきます。 検索結果を表示するためのページを作成する必要もなく、手順はめちゃくちゃ簡単になっています。 【追記 2011/09/15】 最新のカスタム検索エンジンの使い方は以下を参照ください。 »WordPressのサイト内検索にGoogleのカスタム検索を使う方法 »Googleカスタム検索とAdSenseのIDを紐付ける方法 カスタム検索エンジンの作成 コード取得 コード貼り付け・幅調整 カスタム検索エンジンの作成
Yahoo! Search Web ServicesのJSON(P)を利用すれば、JavaScriptのみでサイト内検索が実現できる上、Ajax的にページ遷移無しで検索が実行できる。Google AJAX Searchが内部で利用しているJSONPらしきアレを利用するケースと違い、こちらは公式にアナウンスされているのでおおっぴらに利用できる。というわけで、ほとんど同じタイトルでほとんど同じネタを連続で書いてみる。 実装は、ひとつ前のエントリでもリンクを張っておいたサンプル・ページで利用しているJavaScriptファイルのような形になる。 Yahoo! Search Web ServicesのWeb Search APIへのリクエストは、 http://api.search.yahoo.com/WebSearchService/V1/webSearch?appid={アプリケーションID}
Google AJAX Search APIは、動的にGoogle検索結果を自分のページに挿入することができるAPI(あまり使っているサイトを見ないけど)。Ajaxっつっても内部はJSONP(みたいなもの)だったりするので、普通にGwebSearchクラスのsetSiteRestriction()メソッドを使うのではなく、JSONPを直接叩いてサイト内検索を実装することもできる。もちろんサイト内検索に限った話ではないけど。 Google AJAX Search APIのGwebSearchクラスによる検索は、 http://www.google.com/uds/GwebSearch?callback={コールバック関数名}&context=0&lstkp=0&hl=ja&q={検索文字列}&key={Google AJAX Search API key}&v=0.1 というURLへリクエス
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く