ログイン
IDでもっと便利に[ 新規取得 ]

Yahoo! JAPAN - ヘルプ

Yahoo! JAPANの検索窓をあなたのサイトやブログに！

Yahoo!検索では、HTMLソースをコピーしてサイトにはりつけるだけで設置できる検索窓をご用意しています。ウェブ検索、サイト内検索はそれぞれ4スタイル、マルチ検索は2スタイルからご利用になれます。

ウェブ検索

下のHTMLソースをコピーしてあなたのサイトやブログにはりつけ、▲▲▲の部分を、あなたのサイトやブログで使用している文字コードに合わせて（*1）、次のように変更してください。

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

標準サイズ（Yahoo! JAPAN標準スタイル）

ウェブ上の全サイトを対象に検索することができるタイプの検索窓で、検索ボタンのスタイルは、Yahoo! JAPANトップページや、Yahoo!検索の検索結果で使われているものです。

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;"><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="ysswb"><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></form><img src="http://custom.search.yahoo.co.jp/images/window/006c75a92ba244c6b4cbe2709aa17d7b.gif" width="1" height="1" style="display:block;position:absolute"></div>

標準サイズ

ウェブ上の全サイトを対象に検索することができるタイプの検索窓で、検索ボタンのスタイルは、表示するブラウザによって異なります。

表示サンプル

サイドバーサイズ（Yahoo! JAPAN標準スタイル）

ウェブ上の全サイトを対象に検索することができるタイプの検索窓です。ブログのサイドバーに適したサイズで、検索ボタンのスタイルは、Yahoo! JAPANトップページや、Yahoo!検索の検索結果で使われているものです。

表示サンプル

サイドバーサイズ

ウェブ上の全サイトを対象に検索することができるタイプの検索窓です。ブログのサイドバーに適したサイズで、検索ボタンのスタイルは、表示するブラウザによって異なります。

表示サンプル

サイト内検索

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

また、「●●●」の部分をあなたのサイトのドメインまたはURLに置き換えてください。
（例）ドメイン指定の例：yahoo.co.jp　URL指定の例：docs.yahoo.co.jp/info/。いずれの場合も「http://」は入力しないでください。

標準サイズ（Yahoo! JAPAN標準スタイル）

ウェブ検索に加え、特定のサイト内に絞って検索することもできます。特定のサイト内のみの検索結果を表示したい場合には、このタイプのものを使います。検索ボタンのスタイルは、Yahoo! JAPANトップページや、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" 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><img src="http://custom.search.yahoo.co.jp/images/window/006c75a92ba244c6b4cbe2709aa17d7b.gif" width="1" height="1" style="display:block;position:absolute"></div>

標準サイズ

ウェブ検索に加え、特定のサイト内に絞って検索することもできます。特定のサイト内のみの検索結果を表示したい場合には、このタイプのものを使います。検索ボタンのスタイルは、表示するブラウザによって異なります。

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;"><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%;"><input type="hidden" name="fr" value="ysiw"><input type="hidden" name="ei" value="▲▲▲"><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></ul></form><img src="http://custom.search.yahoo.co.jp/images/window/006c75a92ba244c6b4cbe2709aa17d7b.gif" width="1" height="1" style="display:block;position:absolute"></div>

サイドバーサイズ（Yahoo! JAPAN標準スタイル）

ウェブ検索に加え、特定のサイト内に絞って検索することもできます。特定のサイト内のみの検索結果を表示したい場合には、このタイプのものを使います。ブログのサイドバーに適したサイズで、検索ボタンのスタイルは、Yahoo! JAPANトップページや、Yahoo!検索の検索結果で使われているものです。

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;text-align:center;border:none;background-color:#FFF;"><form method="get" action="http://search.yahoo.co.jp/search" 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/yjapan_logo_110_29.gif" alt="Yahoo! JAPAN" style="border:none;padding:0;" width="110" height="29"></a></p><p style="margin:0;padding:2px 0 0 0;"><input type="text" name="p" size="20" style="width:95%;"></p><ul style="margin:2px 0 0 2px;padding:0;font-size:10pt;list-style:none;text-align:left;"><li style="text-align:left;"><input name="vs" type="radio" value="" checked="checked">ウェブ全体を検索</li><li style="text-align:left;"><input name="vs" type="radio" value="●●●">このサイト内を検索</li></ul><p style="margin:0;padding:0 0 2px 0;"><input type="hidden" name="fr" value="ysinb"><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-top:5px;"></p></form><img src="http://custom.search.yahoo.co.jp/images/window/006c75a92ba244c6b4cbe2709aa17d7b.gif" width="1" height="1" style="display:block;position:absolute"></div>

サイドバーサイズ

ウェブ検索に加え、特定のサイト内に絞って検索することもできます。特定のサイト内のみの検索結果を表示したい場合には、このタイプのものを使います。ブログのサイドバーに適したサイズで、検索ボタンのスタイルは、表示するブラウザによって異なります。

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;text-align:center;border:none;background-color:#FFF;"><form method="get" action="http://search.yahoo.co.jp/search" 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/yjapan_logo_110_29.gif" alt="Yahoo! JAPAN" style="border:none;padding:0;" width="110" height="29"></a></p><p style="margin:0;padding:2px 0 0 0;"><input type="text" name="p" size="20" style="width:95%;"></p><ul style="margin:2px 0 0 2px;padding:0;font-size:10pt;list-style:none;text-align:left;"><li style="text-align:left;"><input name="vs" type="radio" value="" checked="checked">ウェブ全体を検索</li><li style="text-align:left;"><input name="vs" type="radio" value="●●●">このサイト内を検索</li></ul><p style="margin:0;padding:0 0 2px 0;"><input type="hidden" name="fr" value="ysin"><input type="hidden" name="ei" value="▲▲▲"><input type="submit" value="検索" style="margin-top:5px;"></p></form><img src="http://custom.search.yahoo.co.jp/images/window/006c75a92ba244c6b4cbe2709aa17d7b.gif" width="1" height="1" style="display:block;position:absolute"></div>

マルチ検索

Unicode（UTF-8）の場合はutf-8
Shift_JISの場合はShift_JIS
EUCの場合はeuc-jp

標準サイズ

ウェブ検索に加え、画像、ブログ（Yahoo!ブログ検索）、辞書（Yahoo!辞書）を検索することができるタイプの検索窓です。

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;border:none;background-color:#FFF;"><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/yjapan_logo_110_29.gif" alt="Yahoo! JAPAN" border="0" width="110" height="29"></a></p><form method="get" action="http://search.yahoo.co.jp/search" target="_blank" style="margin:0;padding:0;"><p style="margin:0;padding:0;"><input size="35" name="p" style="vertical-align:top;margin:0;width:45%;"><input type="image" height="21" alt="ウェブ検索" width="47" src="http://i.yimg.jp/images/search/guide/searchbox/s_btn_web.gif" border="0" name="search" style="margin:0 2px;"><input type="image" height="21" alt="ブログ検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_b.gif" border="0" name="bsearch" style="margin:0 0 0 8px;"><input type="image" height="21" alt="画像検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_i.gif" border="0" name="isearch" style="margin:0 0 0 2px;"><input type="image" height="21" alt="辞書検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_d.gif" border="0" name="dsearch" style="margin:0 0 0 2px;"></p><input type="hidden" name="fr" value="ysvw"><input type="hidden" name="ei" value="▲▲▲"></form><img src="http://custom.search.yahoo.co.jp/images/window/006c75a92ba244c6b4cbe2709aa17d7b.gif" width="1" height="1" style="display:block;position:absolute"></div>

サイドバーサイズ

ウェブ検索に加え、画像、ブログ（Yahoo!ブログ検索）、辞書（Yahoo!辞書）を検索することができるタイプの検索窓です。ブログのサイドバーに適したサイズです。

表示サンプル

<div style="margin:0;padding:0;font-size:14pt;text-align:center;border:none;background-color:#FFF;"><form method="get" action="http://search.yahoo.co.jp/search" 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/yjapan_logo_110_29.gif" alt="Yahoo! JAPAN" style="border:none;padding:0;" width="110" height="29"></a></p><p style="margin:0;padding:2px 0 0 0;"><input type="text" name="p" size="20" style="width:95%;"></p><p style="margin:5px 0 2px 0;padding:0;"><input type="image" height="21" alt="ウェブ検索" width="47" src="http://i.yimg.jp/images/search/guide/searchbox/s_btn_web.gif" border="0" name="search" style="margin:0px 2px;"><input type="image" height="21" alt="ブログ検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_b.gif" border="0" name="bsearch" style="margin:0px 2px;"></p><p style="margin:0 0 2px 0;padding:0;"><input type="image" height="21" alt="画像検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_i.gif" border="0" name="isearch"  style="margin:0px 2px;"><input type="image" height="21" alt="辞書検索" width="47" src="http://i.yimg.jp/images/top/searchbox/s_d.gif" border="0" name="dsearch" style="margin:0px 2px;"></p><p style="margin:0;padding:0 0 2px 0;"><input type="hidden" name="fr" value="ysvn"><input type="hidden" name="ei" value="▲▲▲"></p></form><img src="http://custom.search.yahoo.co.jp/images/window/006c75a92ba244c6b4cbe2709aa17d7b.gif" width="1" height="1" style="display:block;position:absolute"></div>

ご注意

（*1）あらかじめ、検索窓を設置するページに使われているエンコード方法をご確認ください。エンコード方法は、htmlのソースを表示し、「<meta http-equiv="content-type" content="application/xhtml+html; charset=xxx">」のxxx部分に何と表示されているかで確認できます。

charset=utf-8	使われているエンコードはUTF-8（ココログ、Windows Live Spaces、エキサイトブログ、So-net blogなど）
charset=Shift_JIS	使われているエンコードはShift_JIS
charset=EUC-JP	使われているエンコードはEUC-JP（Yahoo!ジオシティーズ、Yahoo!ブログなど）

（*2）ブラウザやOSによって表示が若干異なります。また、検索窓を設置するページのスタイルシートの設定や閲覧するブラウザによっては、表示サンプルとは表示やサイズが異なります。ご了承ください。

関連リンク