2006年03月14日
ブログ内検索にGoogleを使うように設定してみた。
サイドバーのBlog内検索を、Googleを使った検索に変えてみた。
livedoorBlogだと、デフォルトでブログ内検索が用意されている。[プラグインの追加]→[基本プラグイン]→［ブログ検索］で、自分のブログ内に検索フォームを付けることができるんだよね。
けど、この検索エンジンがアホやねん。全然使えねえ。
自分でも、過去記事を調べたいときがあるけど、検索が使えないから、月別アーカイブか、カテゴリ別アーカイブからCtrl＋Fで検索していくしかない。
僕のブログ、カテゴリが「○○する」ってのばかりだから、これがまた調べにくい。(´・ω・`;
ブログを始めた当初、頭に浮かんだことを、ざっくばらんに書き記していこうと思ったから、「本」とか「居酒屋」とか「ニュース」とかってカテゴリに分けなかったんだよね。
今でも、こういう一般的なカテゴリだと、僕の場合、どこに入れるか迷うような記事が多いから、「○○する」のような動詞型カテゴリは便利なのだが、検索にはチョー不便。
というわけで、Googleの検索窓をはめ込むことにしてみた。
Googleでは、検索フォームを自分のサイトに設置できるよう、ソースが公開されている。
↓
http://www.google.co.jp/intl/ja/searchcode.html
このソースを改変して、サイドバーにはめ込んでみた。
テストしてみたら、おおお、いい感じ。検索ワードが含まれた記事を、根こそぎ、洗い出してくる。大漁だ、大漁。ブログ内検索“powered by Google”だ。
---
もし、これを読んでくれてる方で、自分もGoogleのブログ内検索を付けたい人がいるかもしれないので、設置方法を載せておくことにしよう。
1.プラグインを追加する（livedoorBlogのみ）
[カスタマイズ/管理]→[プラグインの新規追加]→[上級者向けプラグイン]→[フリーエリア]を追加する。
[改行設定]を、[変換しない]にチェックを付ける。
2.フリーエリアに、以下のソースコードを貼り付ける（全ブログ共通）
<!-- SiteSearch Google -->
<div align=center>
<form method=get action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF" border=0 cellspacing=0 cellpadding=0><tr><td>
<input type=text name=q size=20 maxlength=255 value="">
<input type=submit name=btnG value="検索">
<input type=hidden name=ie value=EUC-JP>
<input type=hidden name=oe value=EUC-JP>
<input type=hidden name=hl value="ja">
<input type=hidden name=domains value="blog.livedoor.jp/livedoorのID/">
<input type=hidden name=sitesearch value="blog.livedoor.jp/livedoorのID/">
<br>
<a href="http://www.google.co.jp/"><img src="http://www.google.co.jp/logos/powered_by_google_135x35.gif" border="0" alt="Google" align="absmiddle"></a>
</td></tr></table>
</form>
</div>
<!-- SiteSearch Google -->
【必ず書き換える箇所】
・livedoorのID部分には、自分のIDを書き込む。
・livedoor以外のブログを利用している場合は、value=""の中に、自分のブログURLを書き込む。
・エンコードは、livedoorBlogの場合は「EUC-JP」のまま、その他のブログの場合、「Shift_JIS」や「UTF-8」など、利用しているブログに適したエンコードに直す。
【必要に応じて書き換える箇所】
・検索窓の幅は、size設定で変えられる。僕のブログの場合、20ポイントがちょうど良かった。
・背景色は、bgcolorで設定。現在は白。色見本は、こちらのサイトや、こちらのサイトを参照。
・img srcでGoogleのロゴを設定している。ロゴを変えたい場合は、Googleのこちらのサイトからどうぞ。ロゴを載せない場合は、12行目の<br>と、13行目の<a href="">から</a>まで丸ごと削除。
・背景色、ロゴの設定の際は、ダブルクォーテーション（"）の閉じ忘れに注意。
なお、こちらに載っているGoogleのロゴは、背景色が白・灰色・黒用に作られてます。それ以外の背景色で用いた場合、ロゴの周辺が汚くなるので注意してください。
3.ブログを再構築する（livedoorBlogのみ）
サイドバー（プラグイン）の再構築をお忘れなく。
---
もっとすっきりしたソースで貼り付けている人もいるかもしれないけど、検索して探すのも面倒だったので、自分でソースをガチャガチャいじくってみた結果がこれ。
もし使いたい人がいたら、どうぞこのソースを使っちゃってくださいな。
あ〜、その際は、「コーシンさんのブログを参考にGoogle検索窓をつけてみました」と、一行書いて、この記事にリンクを張ってくれ。（笑） （別に書いてもらわなくてもいいけど。）
P.S.
ちなみに、livedoorBlogで、本文にHTMLソースを貼り付けるのが、最初できなかった。<pre>タグ使っても、反映されないのねん。
困って、最近出来たlivedoor knowledgeで質問してみたら、早速回答がついていた。
↓
http://knowledge.livedoor.com/2694
[カスタマイズ/管理]画面で、[投稿フォームの設定]を、[WYSIWYGエディタ]に変更すれば出来るとのこと。いや〜、感謝感謝。あとでお礼を書いておかなきゃ。
〜追記（2008.5.25）〜
一部、加筆修正しました。
- 共通テーマ：
- ブログが読んでもらえない・・・ テーマに参加中！
トラックバックURL
トラックバック一覧
コメント一覧
トラックバックありがとうございました。
ちょっと古い記事でしたが、結構参考になるみたいでトラバはあなたで5人目ぐらいかな？
最近は本業が忙しくてあんまり新規投稿していませんが（汗・・・
また遊びに来てコメント入れます。
コード参考にさせていただきます。
コメントありがとうございます。
勝手にTBさせていただいたにもかかわらず、恐縮です。
自分でソースをいじくって設置したあとで、Googleで検索してみたら、同様なことをされてる方が結構いらっしゃるんですよね。それぞれ独自に試みておられるようで、他にも検索してくる人がいたら参考になるかなと思って、TBさせていただきました。
私も皆さんのソースを参考にさせていただきます。
livoedoor検索がどうにもこうにも使えないので、
イライラしていまして、色々検索したらこちらにたどり着きました。
参考になりました。今はスッキリ！です。
TBさせてくださいね。
初めまして。コメントありがとうございます。
参考になったようで、載せた甲斐がありましたよ。こういう役立つ記事は、参照されると嬉しいものです。
TB、歓迎ですよ。
りおさんのブログにもお邪魔させていただきますね。
ブログ内検索について調べていたらここに辿り着きました。
早速、参考にさせていただきました。このように有用な記事は大変助かります。
ありがとうございました。
ご丁寧にコメントありがとうございました。
Ryuseiさんのブログを拝見したのですが、table bgcolor="#FFFFFF"の部分を背景に合わせると、すっきりするかも知れませんね。#FFFFFFだと白色、#000000にすると黒色になります。
はじめまして、プランターマニアックスです。blog検索が使えない・・・と思って検索したらここにたどり着きました。おかげさまで私のblogにもgoogle検索窓をつけることができました〜
細かいことですが、タイトルと窓の間に隙間ができすぎてしまうのが気になってます。しかしこれは修正むりっぽいですね、、
空白ができるのは、formタグの仕様ではないかと思います。（違うかも。直せるのかも。）
ブログ拝見しましたが、緑がいっぱいで癒されました。
Googleの検索窓参考にさせて頂きます。
コメントありがとうございます。活用いただければ幸いです。
ありがとうございました。
実は爆笑問題の記事からきたのですけど（笑）
コメントありがとうございます。
ブログ拝見しました。テレビのレビューを書かれているのですね。
設置の方法を使わせていただきました！
助かりました！ありがとうございます！
お役に立てて幸いです。
初めまして！koushin様のコードを拝借させていただきました！簡単に検索機能がつけられて感謝感激です！
（グーグルのサイトにあった物はサイズが大きすぎて設置できなくて困っていました）
TBも張らせていただきました。
本当に助かりました！ありがとうございます。
そちらのブログに書かせてもらいましたが、背景色とロゴを変えると、綺麗になりますよ。
ナレッジからこちらを知りました。
早速、活用させていただきました。助かりました。どうもありがとうございます。
桜梅桃李、ステキな言葉ですね。
コメントありがとうございます。お役に立てたようで幸いです。
桜梅桃李は、数年前から気に入ってる言葉です。
ここの記事を参照にGoogleの検索窓を設置させていただきました。
コメントありがとうございます。ブログを拝見しましたが、背景色を青にもできますよ。
ブログ内検索を付けたいなと思って検索したところ、こちらのブログにたどり着きました。
非常に解りやすく、簡単にプラグインできました。
ありがとうございます。
コメントありがとうございます。お役に立てて幸いです。
確かにLivedoorのBlog内検索使えないなーと
思っていた所だったんです。
非常に簡潔で分かりやすくソースもそのまま頂きました。
たまたま使っているテンプレートも一緒だったので、
すぐイメージが見られて良かったです
コメントありがとうございます。お役に立てたようで、良かったです。
コーシン様のタグのおかげで、無事ブログ内検索がつけられました。
どうもありがとうございます。
コメントありがとうございます。お役に立てたなら、幸いです。
livedoorのblog検索を設置したまま長らく使っていませんでしたが、いざ自分で使ってみると その使えなさに絶望し、色々検索していたらここにたどり着きました。
おかげさまで無事にgoogle検索窓をつけることができました。ありがとうございました。
コメントありがとうございます。お役に立てて幸いです。
ブログ検索を付けたくて、検索してたどり着きました。
無事設置できました！
嬉しいです！ありがとうございましたm(_ _)m
コメントありがとうございます。無事設置できたようで、良かったです。
