GoogleAPI

こちらにまとめてみる。

Google Search API

検索対象

ウェブ検索、ローカル検索、動画検索、ブログ検索、ニュース検索、ブック検索、画像検索

ブラウザの互換性

Google AJAX Search API は現在、Firefox 1.5 以降、IE 6、Safari、Opera 9 以降をサポートしています。
だそうです。ふむふむ

Googleの教えてくれた方法

作成する物

  1. Google API Key
  2. 検索を行いたいページ(search.html)
  3. 検索結果表示を制御するCSS(gsearch.css)
  4. もしJavaScriptのコードをsearch.htmlに書きたくなければ.jsファイル(ajax.js)

まず<head></head>の間にGoogle AJAX Search API JavaScript ライブラリを入れる

<script src="http://www.google.com/jsapi?key=ABQIAAAAu2lBo4YWCWLi95yHY2iMiBRc3ExTc2z-5hQgHbo0AEAL4a0gIRS4zPMTFJhHTyqjHKHaCWXb7AZDXw" type="text/javascript"></script>

検索結果を制御する為にCSSを追加する(のちほど記述)

<link href="./gsearch.css" type="text/css" rel="stylesheet"/>

Google AJAX Search API

http://code.google.com/intl/ja/apis/ajaxsearch/

  • Google AJAX API キー申し込む
    • 1 つの AJAX Search API キー = ウェブサーバー上の1つのディレクトリとその中のすべてのサブディレクトリに対して有効
    • APIの更新があればhttp://googleajaxsearchapi.blogspot.com/に投稿される
    1. キーが生成される
Google AJAX Search API に登録していただき、ありがとうございました。
生成されたキー:ABQIAAAAu2lBo4YWCWLi95yHY2iMiBRc3ExTc2z-5hQgHbo0AEAL4a0gIRS4zPMTFJhHTyqjHKHaCWXb7AZDXw
このキーは、次のディレクトリのすべての URL で使用できます:
http://www.example.jp
はじめに、次のサンプル ウェブ ページをご覧ください:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
 <head>
   <title>My Google AJAX Search API Application</title>
   <script src="http://www.google.com/jsapi?key=ABQIAAAAu2lBo4YWCWLi95yHY2iMiBRc3ExTc2z-5hQgHbo0AEAL4a0gIRS4zPMTFJhHTyqjHKHaCWXb7AZDXw" type="text/javascript"></script>
   <script language="Javascript" type="text/javascript">
   //<![CDATA[

   google.load("search", "1");

   function OnLoad() {
     // Create a search control
     var searchControl = new google.search.SearchControl();

     // Add in a full set of searchers
     var localSearch = new google.search.LocalSearch();
     searchControl.addSearcher(localSearch);
     searchControl.addSearcher(new google.search.WebSearch());
     searchControl.addSearcher(new google.search.VideoSearch());
     searchControl.addSearcher(new google.search.BlogSearch());

     // Set the Local Search center point
     localSearch.setCenterPoint("New York, NY");

     // Tell the searcher to draw itself and tell it where to attach
     searchControl.draw(document.getElementById("searchcontrol"));

     // Execute an inital search
     searchControl.execute("Google");
   }
   google.setOnLoadCallback(OnLoad);

   //]]>
   </script>
 </head>
 <body>
   <div id="searchcontrol">Loading...</div>
 </body>
</html>
  • デベロッパー ガイドを読みます。
  • ウィザードを使用してウェブサイトに検索機能を追加します。
  • AJAX API コミュニティ サンプルを参考にします。
  • Google AJAX API の使用
  • Class Reference

Flash やその他 JavaScript を使用しない環境

  • RESTfulインターフェイス: Flash用、Javascriptを使用しない環境でもAJAX Feed APIにアクセスする方法
  • サポートされるmethodはGET
  • 応答の形式は、ステータスコードが埋め込まれた JSON エンコードされた結果
  • 有効かつ正確な HTTP referer ヘッダーを常に要求に含める必要があり
  • 必須ではないが、それぞれの要求に有効な API キーを組み込んでほしいらしい

参考URL


Last-modified: 2012-03-12 (月) 17:05:27 (166d)