Google（グーグル）の検索窓をホームページに設置する方法

2008年4月2日

昨日の「Yahoo!（ヤフー）の検索窓をホームページに設置する方法」に続いて、Google（グーグル）の検索窓を設置する方法をご紹介します。

Yahoo!（ヤフー）の場合もですが、検索窓には２つのタイプがあります。
普通のウェブ検索のみのものと、サイト内の検索を選べるタイプのものです。

①ウェブ検索のみの場合、見た目は以下の通りです。

テキストボックス幅などの変更は自由なようです。
ホームページやブログの設置したい箇所に、以下のタグを貼りつければＯＫです。

<!–
Google –> <center> <form method=get
action="http://www.google.co.jp/search"> <table
bgcolor="#FFFFFF"><tr><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> <input type=text name=q
size=31 maxlength=255 value=""> <input type=hidden name=ie
value=Shift_JIS> <input type=hidden name=oe value=Shift_JIS>
<input type=hidden name=hl value="ja"> <input type=submit
name=btnG value="Google 検索"> </td></tr></table>
</form> </center> <!– Google –>

※これもYahoo!の場合と同じですが、ウェブサイトの文字コードがシフト JIS ではない場合、コード
内 2 箇所の Shift_JIS を UTF-8 や EUC-JP に変更する必要があります。

②ウェブ検索＋サイト検索の場合、見た目は以下の通りです。

①と同じく、テキストボックス幅などの変更は自由なようです。
ホームページやブログの設置したい箇所に、以下のタグを貼りつければＯＫです。
コード内の YOURSITE.CO.JP の部分(3 ヵ所) をサイトアドレスやサイト名に置き換える必要があります。

<!– SiteSearch Google –>
<center>
<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=ie value=Shift_JIS>
<input type=hidden name=oe value=Shift_JIS>
<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 を検索
</font>
</td></tr></table>
</form>
</center>
<!– SiteSearch Google –>