へんこつ日誌

Oral_Top_Anchor
トップ «前の日記(2011年06月02日(木)) 最新 次の日記(2011年06月04日(土))»
RSS feed


ここから本文

2011年06月03日(金) [長年日記]

§1 Googleカスタム検索を試した

SmallStyleのhbさんがsearch-google-custom.rbプラグインを作って公開されたので試してみました。msearchで今までずっとやってきて特に不満はないのですが、tDiaryで使うときはtDiaryのレイアウトが保たれたまま検索結果が表示されるのにちょっとした憧れが有ったのです。自分でプラグインを書けばmsearchのリザルトも同じように出来るのかも知れないのですが、ちょっとハードルが高いです。

設置と検索結果は問題なかったのですが、ちょっと表示が乱れるのに四苦八苦しました。hbさんにご相談したらすぐに対応して下さって、広告表示の位置を上下にしてCSSでちょこっと調整したら上手く表示されました。現在僕の日記とハルナル日記でお試しちゅうですが、サイト全体の検索をこれにしようかと考え中です。Googleのはき出すHTMLがちょっとひどいので検索結果は一生バリッドにはなりませんが(^^;

手順の覚え書き

  • Googleカスタム検索で、自分の検索エンジンを作る。(先ずはアカウントの取得から)
  • 出来上がったソースコードから自分の検索エンジンのIDを取得
  • search-google-custom.rbプラグインをプラグインディレクトリに入れて設定画面で有効にする。
  • tdiary.confにオプションとしてIDを設定する
@options['search-google-custom.id'] = 'Your Google Custome Search ID' #自分の検索エンジンのID
@options["search-google-custom.cof"] = '11' #広告の表示場所(9:右,10:一番上と右,11:一番上と下)
@options["search-google-custom.width"] = '600' #検索結果のフレームの幅
@options["search-google-custom.height"] = '1300' #検索結果のフレームの高さ
  • CSSをちょこっと調整する
div#cse-search-results{margin:5px;padding:5px;}
iframe {width:100%;}
  • ヘッダかフッタの何処かにフォームを設置
<%=search_input_form "" %>

こんな感じで行けました。