Google AJAX Search APIで検索窓を設置してみる4 - サイト内検索

 今回はGoogle AJAX Search APIを使ってサイト内検索を設置してみます。FC2ブログのブログ検索と違い同ページ内に表示されます。ただインデックスされていないと使えない!?
Loading
 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&amp;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>
フィードやTwitterで最新情報をチェック
follow us in feedly
この記事に付いているタグの最新記事一覧
loading...
コメント









※コメントはご意見ご感想や間違いのご指摘等にしていただけますようお願いいたします。コメントを確認する時間がなく、技術的なご質問をいただいても答えできません。申し訳ございませんがご理解のほどお願いいたします。

Recent Entry
Popular Entry
  • このエントリーをはてなブックマークに追加