Sphinxの検索機能をGoogleカスタム検索に置き換える

Sphinxはクライアント側だけで実行できるJavaScriptで実装された検索機能を持っています。
この検索機能をGoogleカスタム検索に置き換える方法を紹介します。

Googleのカスタム検索のページで、検索エンジンのタグを取得します。

_templatesフォルダーにsearchbox.htmlファイルを作成して、取得した検索エンジンのタグを貼り付けます。

<div id="searchbox">
<h3>検索</h3>
<script>
  (function() {
    var cx = 'XXXXXXXXXXXXXXXXXXXXX:XXXXXXXXXXX';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') +
        '//www.google.com/cse/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>
</div>

「make html」を実行して、HTMLファイルを作成します。

以上です。

先日公開した次のエントリーでは、上記の方法で設置したGoogleカスタム検索を使用しています。

コメントを残す

メールアドレスが公開されることはありません。 が付いている欄は必須項目です

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください