自作Googleの検索ボックスの薄い文字の作り方(サンプル付き)
- 自作Googleの検索ボックスの薄い文字を簡単に作る方法について紹介します。
- Google Custom Searchを使用して、薄い文字の検索ボックスを作成することができます。
- 具体的な実装方法としては、Google CSEのコードをコピーして自分のサイトに貼り付けるだけで簡単に作成できます。
- ベストアンサー
自作Googleの検索ボックスの薄い文字の作り方(サンプル付き)
いつも勉強させていただいております。 今回は質問をさせていただけないでしょうか。 よろしくお願いします。 http://hochi.yomiuri.co.jp/ Google Custom Searchという薄い文字があると思います。 結構おしゃれで、自分のＨＰにも付けようと思っています。 ソースをみると下記のようになっています。 <!-- Google CSE Search Box Begins --> <form id="searchbox_004729702764462794933:_lbkzyf7pac" action="http://hochi.yomiuri.co.jp/contents/cse/searchResults.htm"> <label for="q">サイト内検索</label> <input name="q" id="q" type="text" size="20" /> <input type="submit" name="sa" value="探す" /> <input type="hidden" name="cx" value="004729702764462794933:_lbkzyf7pac" /> <input type="hidden" name="cof" value="FORID:9" /> </form> <script type="text/javascript" src="http://www.google.com/coop/cse/brand?form=searchbox_004729702764462794933%3A_lbkzyf7pac"></script> <!-- Google CSE Search Box Ends --> "searchbox_004729702764462794933:_lbkzyf7pac"の文字列は何か登録をしないと、もらえないのでしょうか？ 他のＨＰを見ても、この文字列だけ違っているようです。 ご存知の方がいたら教えていただければと思います。
- yuka_102
- お礼率0% (3/342)
- ホームページ作成ソフト
- 回答数1
- ありがとう数0
- みんなの回答 （1）
- 専門家の回答
質問者が選んだベストアンサー
> Google Custom Searchという薄い文字～ 画像ですね↓ http://www.google.com/coop/images/google_custom_search_watermark.gif このサービスはgoogleが提供する「Google Co-op」という中の「Custom Search Engine」というもので、 自サイト内検索サービスです。 いろいろカスタマイズが出来るみたいです。 こちらに詳しい導入方法が載っています。 http://www.ajaxtower.jp/googlecoop/index.html 利用するには登録が必要です。
関連するQ&A
- 自作の検索エンジンを作りたいんですが
<form action="http://www.amazon.co.jp/exec/obidos/external-search" target="_blank"> <input type=text name="keyword" size=31 maxlength=255 value=""> <input type="hidden" name="encoding-string-jp" value="日本語" /> <input type="hidden" name="mode" value="blended" /> <input type="hidden" name="tag" value="jojoagogo09-22" /> <form> と <form action="http://www.google.co.jp/search"> <input type=text name=q size=31 maxlength=255 value=""> <input type=hidden name=ie value=UTF-8> <input type=hidden name=oe value=UTF-8> <input type=hidden name=hl value="ja"> をくっつけて、１つのtextボックスからどっちで検索するかラジオボタンで選択してから検索ボタンで検索できるようにしたいです。 やり方だけでも構いませんが、もしよろしければサンプルや実際にくっつけたタグを回答していただけると凄く助かります。 どうかお願いします。
- 締切済み
- HTML
- サイト内検索について
<form action="http://www.google.com/search"> <input type="hidden" value="hogehoge.jp" name="as_sitesearch" /> <input type="hidden" name="ie" value="Shift_JIS" /> <input type="hidden" name="oe" value="Shift_JIS" /> <input type="text" name="q" size="31" maxlength="256" value="" /> <input type="submit" name="btnG" value="Search!" /> </form> にて、グーグルの検索を使用してサイト内検索を使おうと思っておりますが、グーグルのアイコンは付けなくても宜しいでしょうか？ もし、詳しい方お返事お待ちしております。 以上宜しくお願い致します。
- ベストアンサー
- HTML
- ココログでgoogleサイト内検索…なんで文字化け？
ココログでブログを持っています。 マイリストを使って、サイト内検索の窓を作りたいのです。 そこで、下記のタグを組みました。 <FORM method="GET" action="http://www.google.co.jp/search" target="_blank"> <small style="color: #000000; font-size: 9pt;">サイト内検索<BR>powered by Google</small><br> <INPUT type="text" name="q" size="10" maxlength="100" value=""> <INPUT type="submit" name="btnG" value="検索"> <INPUT type="hidden" name="sitesearch" value="ドメイン"> <INPUT type="hidden" name="domains" value="ドメイン"> <INPUT type="hidden" name="hl" value="ja"> <INPUT type="hidden" name="num" value="20"> <INPUT type="hidden" name="ie" value="Shift_JIS"> <INPUT type="hidden" name="oe" value="Shift_JIS"> </FORM> 確認のため、いったんワードパッドをhtmlの形式で保存して、検索を試してみると、ちゃんと検索結果がでます。 しかし、実際マイリストにこのタグを貼り付けて、自分のブログから試してみると、検索した文字が文字化け（なんか、漢字がいっぱい）してしまって、検索結果が得られません。 これは何が悪いのでしょうか？ どなたか、お知恵をお貸しください！
- 締切済み
- ブログ
- google検索の結果反映がおかしい
自分のHPにgoogle検索フォームを埋め込んでいたのですが、なぜか急に検索結果がうまく反映されなくなりました。なぜでしょうか。タグがおかしくなったのでしょうか？ 以下はそれです。 <form action="http://www.google.co.jp/search?" target="_blank"><div align="right"><input maxlength=255 size=31 name=q text><input type=hidden value=ja name=hl><input class=inputbtn_1 type=submit value=Google検索 name=btnG></div></form>
- ベストアンサー
- その他([技術者向] コンピューター)
- Googleサイト内検索窓設置について
サイト内に設置する検索窓について過去の教えて！！gooを検索し、 非常に有用な記述があり下記のように記載してみたですが、 検索をしたときに表示されるページが沢山ありすぎるので「上位2位までの結果表示」にしたいのですが・・・どなたか記述方法などお分かりになる方いらしたらお教えいただけませんか？ 現在下記のように記述したところうまく動いたのですが、いかんせん検索に表示される結果が多すぎて使いすらいのです（＞＜）。 <FORM method="GET" action="http://www.google.co.jp/search"> <INPUT style="border: 1px solid rgb(126, 157, 185); padding: 2px;" name="q" size="40" type="text"> <INPUT type="submit" name="btnG" value="Google 検索"> <INPUT type="hidden" name="hl" value="ja"> <INPUT type="hidden" name="sitesearch" value="www.XXXXXXXXX.jp"> <INPUT type="hidden" name="ie" value="Shift_JIS"> <INPUT type="hidden" name="oe" value="Shift_JIS"> <INPUT type="hidden" name="domains" value="www.XXXXXXXXX.jp"> </FORM>
- ベストアンサー
- CSS
- Googleモバイル検索の検索結果をインラインフレームに表示したい
サイト内に設置した検索窓から同じページ内のインラインフレームに検索結果を表示しようと試みたのですが躓いてしまいました。 <form method=get action="http://www.google.co.jp/search" target="test"> <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"> </form> <iframe name="test"></iframe> とした場合は無事検索結果が表示されるのですが、URLを"http://www.google.co.jp/m/search"にすると検索結果が表示されないのです。 URL部分以外にも変更せねばならない箇所があるのでしょうか？ また、同じページ内に表示したいのでインラインフレーム以外の方法があればご教授ください。 よろしくお願いします。
- 締切済み
- HTML
- ヤフオク検索のBOXを作りたい
ヤフオク検索のBOXを作りたいのですがこれではうまくいきません。なぜでしょうか？ 分かる方宜しくお願いいたします。 <FORM action="http://search.auctions.yahoo.co.jp/jp/search/auc"> <INPUT type="hidden" value="0jp" name="alocale"> <INPUT type="hidden" value="jp" name="acc"> <INPUT type="hidden" name="auccat" value="0"> <INPUT size="30" name="p"> <INPUT type="submit" value="検索">
- ベストアンサー
- HTML
- サイト内検索で文字化けしていまいます
"サイト内の検索にGoogle.comを使う方法" http://www.hyuki.com/netserv/google.html を教科書にして、サイト内検索窓を作りました。 少なくとも2006年11月の頃は、正常に動作していたのですが、 現在では、文字化けの不具合が発生しています。 1. 何故、不具合が起こったのか？ 2. 対処法 の二点をご教授願います。 ○私のサイト 安部公房解読工房 http://www.geocities.co.jp/Bookend/2459/novel.htm ○サイト内検索に関するHTMLソース <HEAD>タグ内に <script> <!-- function addstring() { document.forms[0].q.value = 'site:www.geocities.co.jp ' + '安部公房 ' + document.forms[0].q.value; return true; } // --> </script> <BODY>タグ内に サイト内検索 (<A HREF="search.htm">検索の注意</A>はこちら) <form onSubmit="addstring()" action="http://www.google.com/search"> <INPUT type="hidden" name="hl" value="ja"> <input type="hidden" name="ie" value="Shift_JIS"> <input type="hidden" name="oe" value="Shift_JIS"> <input type="text" name="q" size="31" maxlength="256" value=""> <input type="submit" name="btnG" value="Google検索"> </form> 以上
- 締切済み
- レンタルサーバ・ASP
- Googleの検索窓をFlashオブジェクト内に設置したい
55歳の初心者です。 Googleの検索窓（下記HTML）をFlashオブジェクト内に設置したく、苦戦しております。 <form method=get action="http://www.google.co.jp/search" method=get target="_blank"> <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 検索"> </form> Flash 8 1. テキスト入力フィールドを作り、インスタンス名 q_txt 2. searchボタンを作り、インスタンス名 send_btn 3. ボタンに下記アクションを記述 on (release) { System.useCodepage = true; q = q_txt.text; ie = Shift_JIS; oe = Shift_JIS; hl = "ja"; this._parent.getURL("http://www.google.co.jp/search", "_blank", "get"); } パブリッシュ後、サーバーにアップ。 ページを表示させ、テキストフィールドにテキストを入力、searchボタンを押すも、 http://www.google.co.jp/webhp が表示され、検索が機能しない。 IE も NN も同様。"get" を "post" にしても同様。 どのようにすれば検索が機能しますでしょうか、よろしくご教授ください。
- ベストアンサー
- Flash
- google検索窓でセレクトメニューを使用したい
自サイト内（自動車関係です）検索に google のサイト検索を使用して、検索窓をつけているのですが、ユーザーの入力が "ブリジストン"ブリヂズトン"BS"とばらばらになっているため、セレクトメニューによりおおまかな分類を指定したいのですが、JavaScriptのoption かとおもい、色々やってみたのですが、表示できません。具体的には下記のソースを使用しています。 <form action="http://www.google.co.jp/search" method="get" target="_blank"> <input type="hidden" name="as_dt" value="i"> <input type="hidden" name="as_eq" value> <input type="hidden" name="as_occt" value="any"> <input type="hidden" name="as_oq" value> <input type="hidden" name="as_sitesearch" value="****.com"> <input type="hidden" name="lr" value> <input type="hidden" name="num" value="10"><b>****サイト内</b> <input type="text" size="20" name="as_q"> <input type="submit" name="btnG" value="検索"> powered by <a href="http://www.google.co.jp/" target="_blank"><img src="http://www.google.com/logos/Logo_40wht.gif" width="64" height="26" style="border-style:none;" alt="Google"></a> お好きなキーワードで検索できます。<br> </form> <input type="text" size="20" name="as_q">のtextにセレクトメニューの値がわたせればいいのかとも思うのですが？一つだけであれば、あらかじめ結果をだしておいて、リンクで表示されることも考えたのですが、贅沢なのですが、セレクト項目は"タイヤ""カローラー"というように二つに設定したいのですが。 ご教授宜しくお願いいたします。
- ベストアンサー
- JavaScript
