こちらにまとめてみる。 Google Search API †検索対象 †ウェブ検索、ローカル検索、動画検索、ブログ検索、ニュース検索、ブック検索、画像検索 ブラウザの互換性 †Google AJAX Search API は現在、Firefox 1.5 以降、IE 6、Safari、Opera 9 以降をサポートしています。 Googleの教えてくれた方法 †作成する物
まず<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 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>
Flash やその他 JavaScript を使用しない環境 †
参考URL |