Google 検索窓を設置する その 5 完成形
わたしがさんざん悩んだ挙句に仕上げることができなかった Google の検索窓で [ ウェブ全体 ] [ ココログ内全体 ] [ サイト内 ] の 3つの検索をひとつのソースで作成した方がいました！
その方とは facet-divers さんです。facet-divers さんが ココログ検索 by Google ! その２ という記事に書かれているものを参考に全部のソースを書くとこのようになります。
ソースは 2004.06.29 に最新のものに更新されました。
<form action="http://www.google.co.jp/search" target="_blank">
<div style="font-size: small;">
<input type="text" name="q" size="15" maxlength="255" value="" />
<input type="hidden" name="hl" value="ja" />
<input type="hidden" name="ie" value="utf-8" />
<input type="submit" name="btnG" value="検索" /><br />
<input type="radio" name="q" value="" checked="checked" />ウェブ全体から検索<br />
<input type="radio" name="q" value='"cocolog-nifty.com"' />ココログ全体から検索<br />
<input type="radio" name="q" value="site:yoursite.co.jp" />YOURSITE.CO.JP内検索<br />
</div></form>
<!-- sitesearch google -->
上のソースはみなさんからのアドバイスにより初回ポスト時より何回か修正しています。また、設置するときは改行をなくして一行の続いたソースとして記述してください。
「裏技」「辞書」 という単語で検索すると文字化けするという情報が KOROPPYの本棚 さんの Google検索窓で文字化け? という記事で発見され、facet さんが 風のまにまに心のままに さんのところで使われているソースを参考して <input type="hidden" name="ie" value="utf-8" /> という一文を加えることにより文字化けが防げることを教えてくださいました。みなさまに感謝します。
「ココログ: blogサービス」 というキーワードを使ったココログ内検索が出来なくなったことに 在仏熊猫日記 さんの 「Google検索窓」使えない？ というエントリーでとても有効な解決策が取られています。各エントリの 「この記事のトラックバックURL:」 に含まれている app.cocolog-nifty.com をキーワード検索に用いる方法です。もちろんこの方法でもココログ以外のページが検索されることもありますし、トラックバックを受付ないエントリには無効です。しかしそれでもまだ今の時点においてはとても簡単でスマートなやり方だと思います。
この 在仏熊猫日記 さんのエントリは facet さんに教えていただきました！
このソースの肝は、サイト内検索を sitesearch ではなく、q で "site:YOURSITE.CO.JP" としてドメインをキーワードとして使っていることですね。この頭のやわらかさは本気ですごい！と思います。ドメイン検索だからとそれに拘りすぎていたのでドメインをキーワードとして使うなんてこれっぽっちも思いつきませんでしたよ。
なにはともあれ、facet-divers さんのおかげでスマートな検索窓が仕上がりました。みなさんも YOURSITE.CO.JP を自分のドメインに入れ替えてこの検索窓を活用しましょう！
関連記事
- Google 検索窓を設置する
- Google 検索窓を設置する その 2
- Google 検索窓を設置する その 3 マイリストへの追加
- Google 検索窓を設置する その 4 ココログ内検索 [ 改訂版 ]
// 追記 //
この記事は 此処録 さんの ココログサイトをGoogleで検索 で紹介されたテクニックを Google 検索に取り込もうとして四苦八苦していたところを facet-divers さんが ココログ検索 by Google ! その２ で解決なされていたのを流用しているだけです。両氏に深く感謝します。
// お知らせ //
Google 検索窓 関連記事へのトラックバックについてのお知らせ をお読みください。
Comments
えっと「checked」は「checked="checked"」にしたほうがいいかなと思います。
一応XHTMLで出力してるから、空は違反になりますので・・・。
Posted by: 瞬 | 2003.12.08 at 10:27
facetです。トラックバックどうもありがとうございました。恐縮です。
上のソースでtableを使っていただいたのですが、自分のは「検索」の文字を重複させたくなかったという単なる苦肉の策ですので、これまで通りdivでよかったかと思います。
なお、XHTML 1.0 transitionalに準拠させるには…という話をすると、method属性は小文字のgetにするか属性自体を削除するのが望ましいようです（Siena.さんの記事をご参照ください http://siena.tea-nifty.com/blog/2003/12/xhtml_10__1.html ）。また、bgcolor属性とfontタグは何か違和感があります。時間がなくて未確認でスミマセンが、checked以外ではここも気になりましたのでお知らせまで。
Posted by: facet | 2003.12.08 at 19:51
瞬 さん
アドバイスありがとうございます。至急訂正しておきました。
自分は XHTML なんてものはまったく知らなかったのでこれを期にちょっと勉強してみたいと思います。
facet さん
アドバイスありがとうございます。
いろいろ変更した結果、table を外し、色とフォントサイズは style で指定するようにしました。
人目につく記事だけにできるだけ間違いのないソースにしたいと思います。
まだなにか間違いがありましたら、お時間のあるときにでもアドバイスをしていただければ幸いです。
Posted by: いかんともしがたい | 2003.12.09 at 02:11
ご無沙汰しています。facetです。
検索窓ですが、どうも文字化けの問題があるようです。（例：「裏技」「辞書」）
ref. KOROPPYの本棚さんの記事「Google検索窓で文字化け?」
http://koroppy.cocolog-nifty.com/blog/2003/12/google_1.html
で、これまたSiena.さんの所のソースを参考にいじってみたところ、以下の一文を追加すると上記２単語の文字化けは解消することが分かりました。
input type="hidden" name="ie" value="UTF-8" /
他の単語では検証できてませんのでこれで解決かどうかは分からないのですが、なんらかの効果があるように思われます。
毎度お手数ですが、ソースへの反映、ご検討ください。_(._.)_
Posted by: facet | 2003.12.24 at 19:13
facet さん、貴重な情報をありがとうございます。さっそく上のソースも直しておきました。
あと、XHTML は小文字で記述するのが望ましい（？）ということどこかでを読んだ気がしたので UTF-8 を utf-8 と小文字にしましたが、問題ありませんよね？？
なにはともあれ度重なるご教授、本当にありがとうございました。
Posted by: いかんともしがたい | 2003.12.24 at 21:23
facetです。_(._.)_
文字集合名は、大文字でも小文字でもどちらでもいいそうです。詳しくは下記のSiena.さんの記事などを参照してください。
風のまにまに心のままに: XHTML 1.0 での属性値の注意点
http://siena.tea-nifty.com/blog/2003/12/xhtml_10__1.html
上記によると、XHTMLで小文字にしなければならないのは、要素名、属性名、それから「列挙型の属性の値」だそうです。
どの属性が列挙型の属性(enumerated attributes)を持つのかは定義によるので、すべて暗記する以外はその都度確認する必要がありそうですが、下記のような文法チェックをしてくれるサイトでチェックしてみるのが簡便かもしれません。
Another HTML-lint gateway
http://openlab.ring.gr.jp/k16/htmllint/htmllintl.html
この「Another HTML-lint」では、例えばformタグのmethod属性値が"GET"と大文字になっていたら、ちゃんと指摘してくれました。（このエラーのおおまかな重要度は5(*)だそうです。）
(*)『エラーのおおまかな重要度を 0～9 で示しています(減点数ではありません)。少ない数字は軽く、9 になるほど致命的』だそうです。
－－－
「列挙型の属性の値」関連： XHTML 1.0: The Extensible HyperText Markup Language (Second Edition) - 4.11. Attributes with pre-defined value sets
http://www.w3.org/TR/xhtml1/#h-4.11
Posted by: facet | 2003.12.26 at 20:42
facet さん、何度もありがとうございます。
教えていただいたエントリーをよく読んでみました。
風のまにまに心のままに: XHTML 1.0 での属性値の注意点
http://siena.tea-nifty.com/blog/2003/12/xhtml_10__1.html
utf-8 は小文字でも大丈夫なのですね。
それにしても W3C の英語のアーティクルを読むのは･･･疲れますね。
あぁ、もうちょっと集中力が欲しい。
Another HTML-lint gateway でこのページを採点してみたら 15点（222個のエラー）でした。
もうちょっとがんばらないとイカンな、と痛感した次第です。
以前自分でメモ帳で作った HTML は採点がマイナス（！）だったのでそれに比べるとずいぶんとマシですが。
Posted by: いかんともしがたい | 2003.12.26 at 21:47
はじめまして！
検索窓の設置をしたいなぁと思っていましたら、偶然に記事を発見しました。
大変わかりやすく、よくわかってない素人の僕にも無事「設置」できました。ありがとうございました。
一点よくわからなかったのが、「自分のサイト内の検索」で、
＜ｉｎｐｕｔ ｔｙｐｅ＝”ｒａｄｉｏ” ｎａｍｅ＝”ｑ” ｖａｌｕｅ＝”ｓｉｔｅ：ｙｏｕｒｓｉｔｅ．ｃｏ．ｊｐ” ／＞ＹＯＵＲＳＩＴＥ．ＣＯ．ＪＰ内検索＜ｂｒ ／＞
では、「google内で見つかりません」となってしまい、
＜ｉｎｐｕｔ ｔｙｐｅ＝”ｒａｄｉｏ” ｎａｍｅ＝”ｑ” ｖａｌｕｅ＝”ｙｏｕｒｓｉｔｅ．ｃｏ．ｊｐ” ／＞ＹＯＵＲＳＩＴＥ．ＣＯ．ＪＰ内検索＜ｂｒ ／＞
としましたら成功しました。
htmlも初心者レヴェルでホントよくわかっていないのですがご報告させていただきます。
これからもよろしくお願いします！
Posted by: なお、 | 2004.01.07 at 19:16
facetと申します。なお、さん。こんばんは。横やりですが、偶然この記事をみたので、コメントします。
なお、さんのサイトでは、your.site.co.jpのところに、
q="site:glegle.cocolog-nifty.com/glegle/"
と、ディレクトリ（ウェブログ名）である最後のglegleまでつけてしまっていたのが問題だったのではと推測します。ここの部分を、
q="site:glegle.cocolog-nifty.com"
と、ドメイン名だけすれば上手くいきます。Googleのsite:検索は、ディレクトリ（この場合、最後の/gegle）には対応していませんのでご注意を。
どうしてもglegleディレクトリを指定したい場合には、
q="site:glegle.cocolog-nifty.com >glegle"
と、半角スペースと半角の不等号（小なり）のあとにディレクトリ名を置くような書き方にするといいようです。
参考サイト：ロフト荻原◇自サイト内検索について
http://ogihara-loft.jp/etc/sertech.html
Posted by: facet | 2004.01.08 at 08:46
不等号（小なり）……大なり？ どっちだったかな(^_^;)
Posted by: facet | 2004.01.08 at 09:21
わー、しかも、q="..." じゃなくて、name="q" value="..."ですね。すみません、何度も。 ＿|￣|○
Posted by: facet | 2004.01.08 at 09:35
facetさん
はじめまして！ コメントありがとうございます（^^）
facetさんのコメントをもとに整理させていただきますと
（自分のURLで恐縮です）
(1)僕のミス
value="site:glegle.cocolog-nifty.com/glegle/"
結果→ページは見つかりませんでした｡
(2)僕が勝手に変更したソース
value="glegle.cocolog-nifty.com/glegle/"
結果→ヒット！
(3)facetさんご指摘の本来あるべきソース
value="site:glegle.cocolog-nifty.com"
結果→ヒット！！
という訳でして、無事、「検索」に成功しました。
いい加減に書いた(2)でもヒットしておりましたので
ついつい安心してしまうところでした…
「検索」の結果も(2)<(3)でした。
ホント参考になりました。どうもありがとうございました！！
Posted by: なお、 | 2004.01.08 at 19:32
昨日立ち上げたばかりのＨＰ管理者です。
ココログルをうろうろしていて、発見し、早速使わせていただきました。ありがとうございます。
Posted by: さとこ | 2004.01.10 at 20:01
非常に有効な技ですね。素敵です。
早速ですが、利用させていただきました。ありがとうございます。
Posted by: COBITO | 2004.01.20 at 13:24
検索窓のソース、参考にさせて頂き、無事設置することができました。htmlタグとか、xhtmlとか全く分からなかったんですが、blogをやり始めて、少しずつ勉強しています。これからも記事を楽しみにしています。
Posted by: ともゆき | 2004.02.10 at 10:55
こちらの記事、とても参考になりました。どうもありがとうございます。
Posted by: 一六 | 2004.03.07 at 14:58
ここの記事にて、検索窓、つけることができました。
スペシャルサンクスです。
Posted by: おで | 2004.03.12 at 19:24
どもども。このGoogle検索窓設置のやり方では大変お世話になりました。
ところで先程気が付いたのですが，ココログのバナーにあった「powered by ココログ」の文字が消えているようです。となると，ココログ全体から検索するやり方を変えなくてはならないようですね。
Posted by: ミチナオ | 2004.03.19 at 01:52
＞ ミチナオ さん
あ、たしかにココログバナーの alt 属性が 「Powered by ココログ」 から 「ココログ: blogサービス」 に変更になってますね。この変更を記事にしないとココログ内検索が使えない人がたくさん出てきそうですね･･････ココログル使えば問題ないんですけどね。とにかく、ミチナオさんありがとうございました。
Posted by: いかんともしがたい | 2004.03.20 at 02:24
始めまして、ココログを始めたばかりのものです。
色々な機能を探しているとたどり着きました。
検索窓、早速使わせていただきました。
本当にありがとうございました。
Posted by: 翠 | 2004.04.05 at 16:01
こんにちは。
こちらのエントリをみて、自サイトにも検索機能をつけてみました。
便利な機能のご紹介、ありがとうございました。＾＾
http://tinkling.way-nifty.com/tinkle/2004/05/post_11.html
Posted by: Tinkle | 2004.05.06 at 23:11
はじめまして。
faceともうします。
検索窓こちらのページを参考に、
つけさせていただきました。
とっても重宝してます。
本当にありがとうございました。
Posted by: face | 2004.05.14 at 23:51
はじめまして。
こちらの記事を参考にさせていただき、検索窓を設置致しました。
ありがとうございました。
Posted by: リカ | 2004.06.12 at 18:33
はじめまして♪
記事を参考にして検索窓を設置してみましたが、ココログ全体から検索の動作がおかしいように思うのですが・・
何か間違えちゃったかな？(^^;
それとリスト名を消す方法が解らないのですが、宜しかったら教えて頂けますか？
Posted by: たぬき | 2004.06.17 at 21:41
＞ たぬき さん
3月中旬にココログで大きなメンテナンスがあり、そのときにちょっとした変更があったようです。詳しいことは Google 検索窓を設置する その 7 [重要な変更] に書いてあります。
http://music.cocolog-nifty.com/001/2004/03/google_7.html
ザクっと書くと
value='"powered by ココログ"'
を
value='"ココログ: blogサービス" '
に変更するとココログ内検索が機能するはずですので書き換えてみてください。
あと、「リスト名を消す」 とは何のことでしょうか･･････？ごめんなさいよくわからないです。
Posted by: いかんともしがたい | 2004.06.18 at 03:37
こんにちは。
「検索窓」無事設置できました！
ありがとうございました。
ただ「ココログ内検索」はうまく動きませんでした･･･。
なので、ココログルにしました♪
Posted by: Lambzy | 2004.06.18 at 12:01
いかんともしがたいさん、どもです。
value='"ココログ: blogサービス" 'に書き換えましたがやっぱりうまく機能してないみたいです・・
なんでだろ？？
リスト名が･･･ ってのは検索窓の上に「Google」が表示されてしまうってことです。
Posted by: たぬき | 2004.06.18 at 17:32
＞ たぬき さん
確かに value='"ココログ: blogサービス" ' にしても機能しませんね･･････。原因不明です。Google 側で何か変更があったのかもしれません。解決策がわかり次第記事にしたいと思います。それまでは外しておいたほうがいいと思われます。
リスト名の件について。
たぬきさんは検索窓用に マイリスト を新規に作成しているので 「Google」 というタイトルが表示されています。何か別のマイリストのを利用し 「項目の追加」 で 「1行紹介」 のテキストボックスにソースコードを記述してみてください。
Posted by: いかんともしがたい | 2004.06.19 at 08:46
いつのまにか「ココログ全体から検索」が使えなくなっちゃいましたね。
で、新しく、こんなのどうでしょう？という方法を考えてみました。
http://facet.cocolog-nifty.com/divers/2004/06/google.html
ご意見いただければ幸いです。_(._.)_
# HTMLコード、勝手に使わせていただいちゃいました(^^;
Posted by: facet | 2004.06.27 at 06:45
上記の記事の後、もっといい方法が見つかりました。これまでのキーワードを「cocolog-nifty.com」に置き換えるだけというスマートな方法です。発見者は、在仏熊猫日記のひでさんです。(^^)
在仏熊猫日記: 「Google検索窓」使えない？
http://hidefumin.cocolog-nifty.com/kumaneko/2004/06/google.html
Posted by: facet | 2004.06.28 at 00:32
＞ facet さん
いつもありがとうございます。レスが遅れてスイマセンでした。
在仏熊猫日記 の ひで さんのキーワードを記述したバージョンをアップしました。
この検索の件はわたしも非常に気になっていたので、これでようやくぐっすり眠ることが出来そうです。
http://music.cocolog-nifty.com/001/2004/06/google_8.html
Posted by: いかんともしがたい | 2004.06.28 at 22:09
初めまして。
Googleの検索窓をTypePadに設置する場合に特化して書いてみたのですが、こちらの記事が大変参考になりましたので、勝手ながら紹介させて頂くためにリンクさせて頂きました。
どうぞ宜しく願いします。
Posted by: 1048 | 2004.08.07 at 17:17
はじめまして。
Googleで検索窓を検索していたら、こちらのブログが数あるブログの中で一番にヒットしました。結果、けっこう検索窓の設置方法で悩んでいる人が多いことがわかりました。
私も見習ってかなりマニアックな自信作をブログに乗せてみました。でも、最近ブログを始めたばかりでトラックバックの方法がわかりません。よろしければ教えてください。
Posted by: KAMO | 2004.11.08 at 15:14
＞ KAMO さん
はじめまして。この Google 検索窓のエントリーではワケあってトラックバックを受け付けないように設定してあるんです。
http://music.cocolog-nifty.com/001/2004/02/google_tb.html
ご理解ご了承ください。
このエントリーに限らずトラックバックを送りたいのであれば、それぞれのエントリーについている「トラックバック URL」を見つけ、自分のトラックバックを送りたいエントリーの管理画面の「相手先のトラックバックURL を入力」欄に入力して「保存」すればできます。
いきなり知らない人のブログにトラックバックをするのが不安だと思うなら、実験的に自分のエントリーにトラックバックをしてみたり（確認できたら削除できますし）、下記のようなトラックバック企画に参加してみるのもいいかもしれません。
トラックバック野郎
http://trackbackyaro.cocolog-nifty.com/
トラックバック練習版
http://blog.goo.ne.jp/themesalon
あと、トラックバックの多重送信には注意してください。あれ、自分でやるとかなりブルーになりますので。
「トラックバックの多重送信を回避する方法」
http://music.cocolog-nifty.com/001/2004/10/hate_double_tb.html
Posted by: まえだ＠いかんとも | 2004.11.08 at 19:57
まえだ＠いかんともさん こんにちは。
かなりわかりやすいコメントに感謝しています。
まずココログの練習版で試してからこちらの最適な記事に
トラックバックします。(URLは控えました。）
今後ともよろしくお願いします。
Posted by: KAMO | 2004.11.10 at 10:02
はじめまして。
前から、検索窓はつけたかったので、こちらのブログを参考にさせていただいて、無事設置できました。
助かりました。
私のブログリンクを貼らせていただきました。
ありがとうございました。
Posted by: としきくん | 2004.12.20 at 00:09
はじめまして。
ココログにサイト内検索をつけている方を見かけて、こちらの記事を見つけ、参考にさせていただきました。
しっかり動いてて、便利になってうれしいです。
ありがとうございました。
Posted by: じゅんこ | 2005.04.03 at 20:25
はじめましてアジアの微笑みといいます。
とてもわかりやすく、役に立ちました。
ありがとうございます。
Posted by: アジアの微笑み | 2005.04.16 at 12:08
こんばんは。
こちらの記事を参考にしてサイト内検索を
設置致しました。わかりやすく教えていた
だきました。ありがとうございました。
Posted by: shosei-kun | 2005.06.03 at 23:46
はじめまして。
こちらの記事をもとに、私のブログ（「旅とバイクと青い空」と申します）でも検索窓をつけさせていただきました。
便利です。
ありがとうございます。
Posted by: ＳＨＩＩＢＡ | 2005.06.19 at 23:21
はじめましてこんにちは。
最近ブログを公開し始め、検索窓をつけたかったので、こちらを参考にさせていただきました。無事設置できました。とてもわかりやすかったです。ありがとうございました。
Posted by: cha-man | 2005.09.24 at 17:05
はじめまして。
こちらの記事のおかげで検索窓をつけることができました。
ありがとうございます。
Posted by: 銀 | 2005.10.13 at 15:15
初めまして。
やっと自分のブログページに検索窓をつけることができました。
ありがとうございました。
Posted by: プリケツ | 2005.11.04 at 03:25
はじめまして!
ココログをはじめて1ヶ月程度
記事もそれなり揃ったので検索窓をつけようと悪戦苦闘･･･
文字化けが辛かった･･･
結果Google様に頼ってここまでたどり着きました
あっさり簡単に設置できました!
本当にありがとうございました!
TBについて読んだのでTB致しませんが
自分の記事内で参照させて頂きます(リンク)
Posted by: D | 2006.01.31 at 10:16
はじめまして。文字化けで悪戦苦闘していましたが、こちらの記事を拝見して解決しました。どうもありがとうございました。
Posted by: よが | 2006.02.12 at 16:11
すばらしい 検索窓の提供ありがとうございます。
早速 少し手を加えて 設置する事にしました。
ありがとう ございました。
Posted by: Ｆｉｅｓｔａ Ｂｏｙ | 2006.02.24 at 18:11
初めまして。
大変参考になりました。検索窓を設置することができました。今のところ取り立てて問題もありません。
ありがとうございました。
Posted by: Hofknecht | 2006.05.25 at 13:31
はじめまして。
この記事を読ませていただき、全く初心者の私にも、無事ブログに検索窓を設置することができました。
今のところ何の問題もなく使用でき、大変便利で重宝しております。
本当にありがとうございました。
Posted by: びびちゃ。 | 2006.07.11 at 13:02
はじめまして。
初心者ですがこのブログのおかけで
無事に検索機能をつけることができました。
本当にありがとうございました。
Posted by: シン | 2006.11.08 at 17:35