無料レンタル掲示板（BBS）【掲示板に検索窓を取り付ける方法】

掲示板/アクセスカウンター/日記などあなたのホームページを組み立てるパーツを無料で提供


HOMEへ戻る

掲示板に検索窓を取り付ける方法

過去記事の検索をするために、検索機能が付いていれば問題ないのですが、当サイトのCGIは検索に対応していませんので（あしからず）ここでは検索エンジンがから提供されている検索窓を取り付ける方法と解説します。

頼りになる検索エンジンは主に2つで、Yahoo！とGoogleだと思います。
両方試した結果、Yahoo！はばっちり対応してくれます。

そしてGoogleは掲示板ごとの検索はしてくれなくて、当サイトの掲示板CGIそのものを拾ってしまうため「www.kumi-tate.net/freebbs/jbbs/jbbs.cgi」内のログから全て検索されてしまいます。

それでは他の掲示板の記事も入ってしまうため、精度は悪くなります。また、拾うものと拾わないものとがあるので検索されたりされなかったりと不安定です。

そこでここではYahoo！に頼ってみようかと思います。
Yahoo！の検索窓の良い所はページ検索ができて、さらに単独記事も拾ってくれます。

Yahoo！検索窓もそれぞれ・・・

「http://search.yahoo.co.jp/promo/searchbox.html」
いろいろ種類があるようですが掲示板内を検索するには「サイト内検索」の4つのバリエーションから選択します。
種類の違いは「検索」ボタンの違いと、横長かほぼ正方形かの違い。
掲示板の形状では横長があっているかな・・・
と言うわけで、「サイト内検索」内でも一番上にあるものをチョイス。

取り付け方法

まず取り付ける場所を決めます。

お使いの掲示板の「Master」あるいは「管理用」からデザイン設定に入室をしてください。
入室して設定１～設定６までHTML窓があると思いますが「設定２」だけはなるべく避けてください。「設定２」は掲示板の入力フォームで投稿ボタンと検索ボタンがケンカしてしまいます。

投稿するつもりではないのに、検索ボタンを押すと投稿になってしまったり。
しかしTableタグ外に出せば問題ありません。オススメは「設定1」の一番下、空いている個所に貼り付けるとしっくりします。またあまり目立たせたくない方には「設定6」に。

検索フォームを「設定1」に入れると掲示板の一番上に検索窓が表示されます。Yahoo！から提供される検索窓です。検索窓の幅が50％の指定になっているので、ブラウザの幅によっては、実際にはもっと長くなってしまいます。
ひとまず提供されたコードをそのまま貼り付けると、

<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF; line-height:1em;">
<form action="http://search.yahoo.co.jp/search" method="get" target="_blank" style="margin:0;padding:0;">
<p style="margin:0;padding:0;"><a href="http://www.yahoo.co.jp/" target="_blank">
<img src="http://i.yimg.jp/images/search/guide/searchbox/080318/
ysearch_logo_85_22.gif" alt="Yahoo! JAPAN" style="border:none;vertical-align:middle;padding:0;border:0;" width="85" height="22"></a>
<input type="text" name="p" size="28" style="margin:0 3px;width:50%;vertical-align:middle;">
<input type="hidden" name="fr" value="ysiwb"><input type="hidden" name="ei" value="▲▲▲">
<input type="image" height="21" alt="検索" width="45" src="http://i.yimg.jp/images/search/searchfy/btn_search_blue.gif" border="0" name="search" style="margin:0; vertical-align:middle;"></p>
<ul style="margin:2px 0 0 0;padding:0;font-size:10pt;list-style:none;">
<li style="display:inline;"><input name="vs" type="radio" value="" checked="checked">ウェブ全体を検索</li>
<li style="display:inline;"><input name="vs" type="radio" value="●●●">このサイト内を検索</li>
</ul>
</form>
</div>

「▲▲▲」の部分は＝Shift_JIS に変更します。
「●●●」の部分は＝掲示板URLに変更します。
これで完成です。非常に簡単です。

これでも使えますが、検索窓が横に長くなりすぎてだらしなくなるのと、検索ボタンを押すと別窓が開いてしまうのが気になります。
もっと言えばYahoo！のロゴはなくてもいいので（借りておきながら・・・）余計なのを取ってしまいます。

すると、

<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF; line-height:1em;">
<form action="http://search.yahoo.co.jp/search" method="get" style="margin:0;padding:0;">
<p style="margin:0;padding:0;"><input type="text" name="p" size="28" style="margin:0 3px;width:220;vertical-align:middle;">
<input type="hidden" name="fr" value="ysiwb"><input type="hidden" name="ei" value="Shift_JIS">
<input type="image" height="21" alt="検索" width="45" src="http://i.yimg.jp/images/search/searchfy/btn_search_blue.gif" border="0" name="search" style="margin:0; vertical-align:middle;"></p>
<ul style="margin:2px 0 0 0;padding:0;font-size:10pt;list-style:none;">
<li style="display:inline;"><input name="vs" type="radio" value="" checked="checked">ウェブ全体を検索</li>
<li style="display:inline;"><input name="vs" type="radio" value="●●●">この掲示板内を検索</li>
</ul>
</form>
</div>

「▲▲▲」の部分は＝Shift_JIS をはじめから書いておきました。●●●の部分だけは掲示板URLに変更する必要があるので、各自でお願いします。

デザインも変更しておきますか・・・

検索ボタンはYahoo！から提供されているものなので、これはgif画像なのでどの掲示板で使用しても同じボタンが表示されます。「それでは自分の掲示板にはミスマッチ！」と言う方には、オーソドックスなボタンをオススメします。
また検索窓を他と区別するために枠を付けて見ます。
ついでに「powered by Yahoo！」と入れておいたほうが利用者に分かりやすいので、入れておきます。

<div style="padding:4px;border-color:#cccccc;border-width:2px;border-style:solid;width:300px;;background-color:#FFFFFF;">

<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF; line-height:1em;">
<form action="http://search.yahoo.co.jp/search" method="get" style="margin:0;padding:0;">
<p style="margin:0;padding:0;"><input type="text" name="p" size="28" style="margin:0 3px;width:220;vertical-align:middle;">
<input type="hidden" name="fr" value="ysiwb"><input type="hidden" name="ei" value="Shift_JIS">
<input type="submit" value="検索" style="margin:0;"></p>
<ul style="margin:2px 0 0 0;padding:0;font-size:10pt;list-style:none;">
<li style="display:inline;"><input name="vs" type="radio" value="" checked="checked">ウェブ全体を検索</li>
<li style="display:inline;"><input name="vs" type="radio" value="●●●">この掲示板内を検索</li>
powered by Yahoo！
</ul>
</form>
</div>

</div>

検索されるには・・・

検索されるようになるにはYahoo!の検索エンジンにインデックスされる必要があります。つまりYahoo!に使っている掲示板を記録してもらう必要があるのです。それはホームページから掲示板にリンクされていれば自然に記録されますが、”いつ”と言う保証が無いため何ともいえません。

検索ロボットが訪れるなら2～4週間程度でインデックスされると思いますが、サイトにもよりますし、なんともいえない所です。

そこで早くあなたの掲示板がインデックスされるように
http://submit.search.yahoo.co.jp/add/request で受け付けています。
ただログインをしなければならないようなのでYahoo!のID登録が必要です。
更新して欲しいときにもURLを入力してボタンをポチット押しだけです。

ただ最大の欠点はやはりリアルタイムでは無いということです。
検索エンジンただいま模索中...