Google AJAX Search APIを使ってみる

Google Search APIをMTで利用しようとした際、
現在はGoogle AJAX Search APIというものに統括された
ということがわかり、本日はこれを使って何か出来ないかと思い、
使用感の確認を含め、利用してみたいと思います。

まずはAJAX Search APIのページへ行き、[Start using the Google AJAX Search API]のリンクをクリックします。

利用規約をよく読み、問題なければチェックボックスにチェック。
利用するWEBページのURLを入力後[Generate API Key]をクリックします。

Googleが提供しているAPIを利用するには、API Keyというものが
必ず必要になりますので、ここで表示されているAPI keyを手の甲にでもメモっておきます。

以下表示されるサンプルコードです。

< *SAMPLEコード*>
<!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>
<meta http-equiv=”content-type” content=”text/html; charset=utf-8″/>
<title>My Google AJAX Search API Application</title>
<link href=”http://www.google.com/uds/css/gsearch.css” type=”text/css” rel=”stylesheet”/>
<script src=”http://www.google.com/uds/api?file=uds.js&v=1.0&key=(取得したAPI Key)” type=”text/javascript”>
</script>
<script language=”Javascript” type=”text/javascript”>
//<![CDATA[
function OnLoad() {
// Create a search control
var searchControl = new GSearchControl();
// Add in a full set of searchers
var localSearch = new GlocalSearch();
searchControl.addSearcher(localSearch);
searchControl.addSearcher(new GwebSearch());
searchControl.addSearcher(new GvideoSearch());
searchControl.addSearcher(new GblogSearch());
// 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");
}
GSearch.setOnLoadCallback(OnLoad);
//]]>
</script>
</head>
<body>
<div id=”searchcontrol”/>
</body>
</html>

実際はこちら
おーかわいい。

searchControl.addSearcher(localSearch);
searchControl.addSearcher(new GwebSearch());
searchControl.addSearcher(new GvideoSearch());
searchControl.addSearcher(new GblogSearch());

この部分は以下のようにウェブ、ビデオ、ブログ、ニュース、本から選択できます。