サイト内検索ASPはサイト内ページが多いと結構高額になります。
そこでサイト内検索ASPの代わりにGoogle AJAX Search API を使用して構築してみましょう。
1. http://code.google.com/intl/ja/apis/loader/signup.html へアクセス
2. サイトのURLを入力
3. 表示されるサンプルをコピペ
でサンプルhtmlが出来上がります。
出来上がったhtmlは先ほど入力したURL内(本番サーバ)でしか動作しないので本番サーバへアップ。
表示のカスタマイズは以下のとおりです。
<!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 API Application</title> <script src="https://www.google.com/jsapi?key=■API KEY" type="text/javascript"></script> <script language="Javascript" type="text/javascript"> //<![CDATA[ google.load("search", "1"); function OnLoad() { var searchControl = new GSearchControl(); var siteSearch = new GwebSearch(); //8件に変更する場合は以下を記述。 searchControl.setResultSetSize(GSearch.LARGE_RESULTSET); //オプションを追加 options = new GsearcherOptions(); //検索結果を表示する options.setExpandMode(GSearchControl.EXPAND_MODE_OPEN); siteSearch.setUserDefinedLabel("my_ラベル"); siteSearch.setSiteRestriction("■http://xxxxxx.xxxxx.xxxxxxx"); siteSearch.setUserDefinedClassSuffix("siteSearch"); searchControl.addSearcher(siteSearch, options); searchControl.draw(document.getElementById("searchcontrol")); } google.setOnLoadCallback(OnLoad); //]]> </script> </head> <body> <div id="searchcontrol">Loading...</div> </body> </html>