|
こちらにまとめてみる。 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 |