02
18
Google AJAX Search APIで検索窓を設置してみる4 - サイト内検索
2008-02-18Loading
CSSとbody部分はGoogle AJAX Search API基本形と同じです。赤字のアドレスのところにサイトのURLを挿入すると出来上がりです。APIkeyについてはSign-up for an AJAX Search API Keyで取得してください。
<script src="http://www.google.com/uds/api?file=uds.js&v=1.0&key=取得したAPI key" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
function OnLoad() {
var searchControl = new GSearchControl();
var options = new GsearcherOptions();
options.setExpandMode(GSearchControl.EXPAND_MODE_OPEN);
var siteSearch = new GwebSearch();
siteSearch.setUserDefinedLabel("サイト内検索");
siteSearch.setUserDefinedClassSuffix("siteSearch");
siteSearch.setSiteRestriction("サイトのURL");
searchControl.addSearcher(siteSearch, options);
// 表示するdivのidを指定
searchControl.draw(document.getElementById("searchcontrol"));
// 最初に表示する検索結果。削除可能。
searchControl.execute("");
}
GSearch.setOnLoadCallback(OnLoad);
//]]>
</script>
【関連記事】
Google AJAX Search APIで検索窓を設置してみる5 - 検索窓と結果を別に
Google AJAX Search APIで検索窓を設置してみる4 - サイト内検索
Google AJAX Search APIで検索窓を設置してみる3 - 検索結果の表示方法
Google AJAX Search APIで検索窓を設置してみる2 - タブバージョン
Google AJAX Search APIで検索窓を設置してみる
Google AJAX Search APIで検索窓を設置してみる5 - 検索窓と結果を別に
Google AJAX Search APIで検索窓を設置してみる4 - サイト内検索
Google AJAX Search APIで検索窓を設置してみる3 - 検索結果の表示方法
Google AJAX Search APIで検索窓を設置してみる2 - タブバージョン
Google AJAX Search APIで検索窓を設置してみる
