« Petty Booka 「Blue Lagoon」 | Main | タイトルの重要性 »

2003.12.05

Google 検索窓を設置する

同じ nifty のサービスでも @homepage とは違い、ココログではサブドメインがもらえるので簡単に Google の検索窓を設置できるようになりました。 blog サイトにサイト内検索が必要なのかどうかはわかんないけど、とりあえず。

まず、Google にリンクする のページに行ってソースをコピーしてきます。
リンク先にソースは 2種類あるが、サイト内検索を行いたい場合は下にの方にある 「Google フリー検索 (ベーシック版) : ウェブ検索 + サイト検索」 のソースを持ってくること。
ここではサイト内検索をできる方を例にして説明していきます。

持ってきたソースをそのまま張るとこのように表示されます。

Google
WWW を検索 YOURSITE.CO.JP を検索

では、このソースを自分用にカスタマイズしていきましょう。
色のついている場所が今回変更するポイントです。


<!-- SiteSearch Google -->
<form method=GET action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF"><tr valign=top><td>
<a href="http://www.google.co.jp/">
<img src="http://www.google.com/logos/Logo_40wht.gif" border="0" alt="Google" align="absmiddle"></A>
</td>

<td>
<input type=text name=q size=31 maxlength=255 value="">
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="Google 検索">
<font size=-1>
<input type=hidden name=domains value="YOURSITE.CO.JP"><br>
<input type=radio name=sitesearch value="> WWW を検索
<input type=radio name=sitesearch value="YOURSITE.CO.JP" checked> YOURSITE.CO.JP を検索 <br>
</font>
</td></tr></table>
</form>
</center>
<!-- SiteSearch Google -->

これが、コピーしてきた検索窓を設置するソースです。

まず、size=31 ですが、これは検索窓の横幅を指定する数値です。マイリストの一部としてサイドバーに入れる場合は長すぎるとアレなので、適度に調節しましょう。ちなみに、このサイトでは横幅の数値は 15 に設定してあります。

次に value="Google 検索" です。これは検索ボタンに表示される文字です。好きな言葉を入れればいいでしょう。わたしは簡潔に 検索 とだけ表示するようにしています。

一番重要なのが value="YOURSITE.CO.JP" です。ここを間違えるとサイト内検索ができません。といっても、やることは簡単。YOURSITE.CO.JP を自分のアドレスに変えるだけ です。URL が http://music.cocolog-nifty.com/ の場合は music.cocolog-nifty.com とだけ記入 します。http:// は要りません。2箇所とも修正したあとに 最後の YOURSITE.CO.JP を検索 も代える必要があるのですが、これはサイトのアドレスよりもサイトの名前を入れたほうがいいでしょうね。

最後に、このままだと Google のロゴも表示されてしますのでそれを消ましょう。上のソースの緑色の部分を削除すれば OK です。

これで一応は終了です。

マイリストの設定で 1行紹介を表示する にチェックを入れ て 項目の追加 で 一行紹介欄にカスタマイズしたソースをコピー&ペーストして 保存して反映 ボタンを押せば出来上がりです。

ここから下は好みによってもうちょっとカスタマイズしたものです。

www 検索 と ドメイン検索 の順番を入れ替えて、改行を入れてこの 2つを縦に表示するようにしたものです。あと、文字サイズを 12px に固定しています。


<!-- SiteSearch Google -->
<form method=GET action="http://www.google.co.jp/search">
<table bgcolor="#FFFFFF"><tr valign=top><td>
<input type=text name=q size=15 maxlength=255 value="">
<input type=hidden name=hl value="ja">
<input type=submit name=btnG value="検索"><br>
<span style="font-size: 12px;">
<input type=hidden name=domains value="music.cocolog-nifty.com">
<input type=radio name=sitesearch value="music.cocolog-nifty.com" checked> いかんともしがたい 内を検索<br>
<input type=radio name=sitesearch value=""> WWW を検索
</span></td></tr></table></form>
<!-- SiteSearch Google -->
// 追記 2003.12.05 11:38 AM //
前の記述でも間違いではないのですが、すこしだけ改定しました。
あと、文字サイズを固定にしたくない人は
7行目の
<span style="font-size: 12px;"> を
<font size=-1> にして、
下から 2行目の
</span></td></tr></table></form> を
</font></td></tr></table></form> に変更してください。
// 追記 終 //

あとはこれをマイリストに加えて出来上がりです。けっこう簡単ですよね。
↓ 出来上がりはこれです ↓


いかんともしがたい 内を検索
WWW を検索

あとは文字をいれて検索!ですが、Google のインデックスに読み込まれるまではサイト内検索をしても検索結果は出てきません。Googlebot がきて検索できるようになるまで気長に待ちましょう。

そうそう、Google に自分のサイトを登録 しておくことをお勧めしておきます。

// 追記 2003.12.05 01:39 PM //
Google 検索窓を設置する その 2
Google 検索窓のテンプレートを作ってみました。

// 追記 2003.12.06 02:05 AM //
Google 検索窓を設置する その 3
マイリストへの追加の仕方 を作りました。

// お知らせ //
Google 検索窓 関連記事へのトラックバックについてのお知らせ をお読みください。

|

« Petty Booka 「Blue Lagoon」 | Main | タイトルの重要性 »

TrackBack

TrackBack URL for this entry:
http://app.cocolog-nifty.com/t/trackback/1570/7251

Listed below are links to weblogs that reference Google 検索窓を設置する:

» サイト内検索を導入する [詞織]
 「いかんともしがたい」さんがすばらしい記事を書かれたので、クリップしておきます。  Google検索窓を設置する  記事はわかりやすく、変更の必要な場所はすぐ... [Read More]

Tracked on 2003.12.05 at 06:42

» ココログTIPS大漁(その1) [此処録]
 次から次へと新しい技が生み出されるココログ界隈。リンクに追加するのも大変です。いずれ、もう少し整理した形のを公開したいと思ってます。  まずは、BlogPeo... [Read More]

Tracked on 2003.12.06 at 01:45

» Google検索窓 [facet-divers]
Googleの検索窓を設置する時に参考にさせていただいたサイトのありかがわからなくなっていたので書けずに居たのですが、再度発見したので記録しておきます。 いかん... [Read More]

Tracked on 2003.12.06 at 20:45

» Google襲来 [世間虚仮 唯萌是真]
リファラを見るとちょこちょこココログにもGoogleがクロールしに来ているようです。始まったばかりのサービスだというのに手回しのいいこと……。つってもロボだけど... [Read More]

Tracked on 2003.12.07 at 09:48

» Google襲来 [世間虚仮 唯萌是真]
リファラを見るとちょこちょこココログにもGoogleがクロールしに来ているようです。始まったばかりのサービスだというのに手回しのいいこと……。つってもロボだけど... [Read More]

Tracked on 2003.12.07 at 09:50

» google検索窓を追加。 [ナマケモノ脱出作戦!]
左のサイドバーに、googleの検索窓を追加してみました。 自分のBlog内での [Read More]

Tracked on 2005.10.13 at 19:46

« Petty Booka 「Blue Lagoon」 | Main | タイトルの重要性 »