• 締切済み

カスタム検索で検索結果をオーバーレイ表示させたい

googleのカスタム検索でHTML フォームを使用した検索ボックスの作成した場合、 [検索エンジンの編集 -> デザイン -> レイアウト]から「オーバーレイ」を選んでも オーバーレイで検索結果を表示してくれません。 下記のアドレスのサンプルとIDの部分以外は全く同じです。 　https://support.google.com/customsearch/answer/1351747?hl=ja googleの仕様？のようですがこれと同じことをjQueryなどほかの方法で 作成することできないでしょうか。 もし同じことをやられている方や知識をお持ちの方、お力をお貸しください。 よろしくお願いします。 ※今回はページのデザインに合わせた検索ボックスにしたいためデフォルトのものを 使用する予定はありません。

  • HTML
  • 回答数1
  • ありがとう数1

みんなの回答

  • Proof4
  • ベストアンサー率78% (151/192)
回答No.1

ご提示いただいたURLに "HTML フォームのコードは利便性のためにのみ提供されています。Google カスタム検索ではこの問題に対するサポートは提供しておりません。" とあるように、HTMLフォームのコードの使用は非推奨です。 [検索エンジンの編集 -> デザイン -> レイアウト]から、[保存してコードを取得]で表示されたコードを使うようにしましょう。問題なくオーバーレイで検索結果が表示されるはずです。

Vthole
質問者

お礼

ご回答ありがとうございます。 やはりコードを取得してそのまま利用するしかなさそうです。 ページのデザインから浮くので自作のフォームペースのものを使いた かったのですが。 標準的なやり方で後はスタイルシートを使ってできるだけページに マッチしたデザインに変更する方法で何とかしたいと思います。

  1. カテゴリ
  2. [技術者向] コンピューター
  3. プログラミング・開発
  4. HTML

関連するQ&A

  • Googleのカスタム検索エンジンは終わった？

    https://www.google.com/cse/tools/create_onthefly?hl=ja 久方ぶりにGoogleのカスタム検索でサイト内検索を作ろうと思いましたら、なにやらうまいこと行きません。 Googleのこのサービスは終わったのでしょうか？他にこれと同じようなサービスが有りましたら教えてください。

  • Googleカスタム検索作成(検索窓設置)が上手く出来ません。

    Googleカスタム検索作成(検索窓設置)が上手く出来ません。 初めまして、質問にお答えを頂けますでしょうか。 質問の趣旨は私のホームページ(ネットショップ)内に Googleの検索窓を設置したいと言う事です。 1・私のホームページ(PCはWindows XP・ホームページビルダー8で作成) 下記がそのホームページです(上書きしてしまうといけないのでテストページです) 　　　　　　　　　　　↓ http://www.cafetime.jp/indextest.html この私のホームページに、ある方に教えて頂いたGoogleのカスタム検索のページ 　　　　　　　　　　　↓ http://www.google.com/cse/tools/create_onthefly?hl=ja の中の 下記のコードを貼り付けるだけで簡単に作成できます。 下記のコードをコピーして、ウェブページの HTML に貼り付けます。 検索ボックスはすぐに使えるようになります。 あなたのページからリンクしているサイトのコンテンツが検索対象になります。 の下の枠内のコードを私のホームページ内に貼り付けるのですが検索窓も何も出来ません。 文字が張り付くだけです(現在そのページが表示されています) 多分、私自身が何か勘違いしているか、やり方がまちがっていると思うのですが 良いアドバイスをお願い致します。 2・自分だけのカスタム検索エンジン作成ページの物とはどう違うのでしょうか 　　　　　　　　　　↓ http://www.google.com/cse/manage/create?hl=ja 上記の物を利用して検索窓を作成した方がより良い検索が可能なのでしょうか？ 上記ページもどの様に記入していってよいのか分からなかったのですが私のホームページの トップページのアドレスを入力していったら、マイ検索エンジンのページに 私の作成した物が出来ていましたがこれで良いのでしょうか？ またこれらを利用して私のホームページの中に検索窓設置は可能なのでしょうか パソコンやホームページ作成の知識は疎い方ですので私の様なレベルの物でも 分かり易いお答えをお願い申し上げます。

  • Ｇｏｏｇｌｅで検索された結果表示される自分のブログのタイトルを代えたい！

    こんにちは。お聞きしたいことがあります。 niftyのココログで、ブログを作成しております。 自分のブログが検索できるか調べるために、 キーワードを入れてGoogleで検索しました。 すると、自分のブログの欄が表示されます。 ただ、検索されて表示されたのは、ブログの タイトルなんです。そして、そのタイトルは 表示させたくないんです。 そのため、ブログでタイトルを代えたのですが、 それにもかかわらず、同じタイトルが Ｇｏｏｇｌｅの検索結果に出てきます。 ニフティーのサポートに聞くと、 以下のグーグルのＵＲＬを教えてくれました。 http://www.google.co.jp/support/?hl=ja それで、みてみたんですが、どこをどうすればいいか 恥ずかしながら分かりません。 どうしたら良いでしょうか？ よろしくお願いいたします。

  • Google 自サイト検索結果 オーバーレイ表示で検索実行をjsからsubmitしたい

    Googleの提供する検索窓を自サイトに設置しWEB2.0風にページ上に オーバーレイさせて結果を表示する"カスタム検索"について質問です。 以下がそのサービスが吐き出すコードです。（idっぽいのは一部XXXとかにしています） <form action="" id="searchbox_XXX:XXXcwe" onsubmit="return false;"> <div> <input type="text" name="q" size="40"/> <input type="submit" value="検索"/> </div> </form> <script type="text/javascript" src="​http://www.google.com/coop/cse/brand?form=searchbox_cwe&lang=ja...​ <div id="results_xxx:xxxcwe" style="display:none"> <div class="cse-closeResults"> <a>&times; 閉じる</a> </div> <div class="cse-resultsContainer"></div> </div> <style type="text/css"> @import url(​http://www.google.com/cse/api/overlay.css);​ </style> <script src="​http://www.google.com/uds/api?file=uds.js&v=1.0&key=xxx-xxx...​ type="text/javascript"></script> <script src="​http://www.google.com/cse/api/overlay.js"​ type="text/javascript"></script> <script type="text/javascript"> function OnLoad() { new CSEOverlay("xxx:xxx", document.getElementById("searchbox_xxx:xxx"), document.getElementById("results_xxx:xxx")); } GSearch.setOnLoadCallback(OnLoad); </script> これで"検索"をクリックするとオーバーレイ表示されます。 これを"検索"ボタンクリックではなくjavascriptのsubmitで実行したいのです。 例えば <script language="javascript"> function submitG() { document.myForm.submit(); } </script> ↑submitG()を実行しても検索結果を表示してくれません。 submit自体は実行しているようなのですが。。 どなたか分かる方お願いします。

  • imodeの表示場所について

    携帯サイトを作成しました。ただ、SEOに弱く、検索されていない状態です。 そこで、googleが教えている「モバイルリンクディスカバリー」を試してみました。 http://www.google.com/support/webmasters/bin/answer.py?answer=35312&hl=ja しかし、PCサイトにタグを入れたのですが、imodeで検索するとPCサイトの欄に表示されてしまいます。 googleで直接検索すると、ちゃんと携帯のマークが付いているのですが・・・ どうしたら、imodeで検索した時に「その他のケータイサイト」に表示されますでしょうか？ ご返答、宜しくお願いします<(_ _)>

    • 締切済み
    • SEO
  • Googleの検索結果。

    Googleの検索結果で http://www.google.com/search?hl=ja&lr=lang_ja&ie=UTF-8&oe=UTF-8&q=Yahoo%21&num=50 Yahoo!などは一番上の検索結果の下にサイト内のコンテンツの一部が表示されているのですが、これはどうすればできるのでしょうか？ ご存知の方は是非教えてください。

  • googleカスタム検索の結果画面のデザイン変更

    googleカスタム検索の結果のデザインをcssを用いて変更したいのですが、どうすればよろしいでしょうか？具体的には検索結果画面のサブネイルの画像の表示位置と説明文のフォントの大きさをブログの中で変更したいです。

    • 締切済み
    • CSS
  • googleカスタム検索の条件指定について

    googleカスタム検索の条件指定について質問です。 今サイト内でgoogleのカスタム検索機能を使ってサイト内検索ができるようにしているのですが、例えば、2カラムデザインで、左にページ個々の内容、右に共通内容が入るとします。 そうすると、検索した時に共通内容部分を拾ってしまうと、結局絞って検索できないというか、ページが沢山検索されてしまいます。 これを回避できる設定はあるのでしょうか？ 「そのワードを右に入れない」というのは却下でお願いします。 よろしくお願いします。

    • ベストアンサー
    • HTML
  • 検索結果を新しいページで表示するには?

    こんにちは、mappaと申します。 現在、ホームページを作成しておりまして、googleの検索機能をサイト内に組み込んで、自分のサイト内の検索とwwwの検索をラジオボタンを使って、両方を検索できるようにしたいと思ってます。 そこで、wwwの検索結果を新しいページで表示させるにはどのようにすればよろしいでしょうか? また、現在のソースが間違っていたら教えていただければと思います。 ソース <A HREF="http://www.google.com/"> <IMG SRC="http://www.google.com/logos/Logo_25wht.gif" width="75" height="32" ALT="Google" BORDER="0"></A> <input type="radio" name=sitesearch value="***.com" checked>***内検索 <input type="radio" name=sitesearch value="">WWW検索 <input type=hidden name=hl value="ja"> <input type=hidden name=lr value=""> <input type=hidden name=safe value="off"> <INPUT TYPE="text" name=q size="20" maxlength="255" value=""> <INPUT type=submit name=btnG VALUE="Google 検索"> ※***というのはサイトの仮の名前です。 宜しくお願いいたします。

  • Googleカスタム検索窓設置で検索後の窓下の文字が文字化けします。

    Googleカスタム検索窓設置で検索後の窓下の文字が文字化けします。 PC、ホームページ作成知識に疎い私です。宜しくお願い申し上げます。 私のホームページ(ネットショップ)PCはWindows XP・ホームページビルダー8で作成 　　　　↓ http://www.cafetime.jp/ に下記Googleカスタム検索ページ内のコードを貼り付けて検索窓を 何とか設置する事が出来ました 　　　　↓ http://www.google.com/cse/tools/create_onthefly?hl=ja 上記私のホームページ検索窓に　トヨタ2000GT　と入力して検索をします。 Googleカスタム検索の検索結果ページに飛びます。 　　　　↓ http://www.google.com/cse?cref=http%3A%2F%2Fwww.google.com%2Fcse%2Ftools%2Fmakecse%3Furl%3Dwww.cafetime.jp%252F&ie=shift_jis&hl=ja&q=%83g%83%88%83%5E2000GT&sa=%8C%9F%8D%F5&siteurl=www.cafetime.jp%2F 1・Googleカスタム検索　検索窓　検索 の下の文字が 　文字化けしています。 　　　　　↓ ?~?j?J [?V ?b?v ?J?t?F?^?C ? Ńg?~?J Ń~?j?J [ ??? æ ?g?~ ウェブ検索 　　　　　↑ 2・本来は　カフェタイム内を検索　の様な文字なのでしょうか？ 3・正確に表示させる方法はありませんでしょうか？ 表示 →　エンコードを見ますと　自動選択にチェックマーク Unicode(UTF-8)でした。 日本語自動選択、日本語(JIS-SIFT)を選択すると両方とも画面 全ての文字が文字化けしてしまいます。 検索結果後のページで文字化けしている右横のウェブ検索にチェック を入れて　トヨタ2000GT　のまま検索すると検索結果後のページの 検索窓の下の文字は文字化けしていません。 (勿論、私のサイト内の検索結果ではなくなりますが) と言う事は私の私のGoogleカスタム検索窓のコード貼り付け後の ホームページ作成に問題があるのでしょうか 4・私のホームページ以外の他の方のページも検索されます (殆どツイッターですが) 5・トミカ日本製　トヨタ2000GT　や　トミカ黒箱　トヨタ2000GT　等の コレクターが検索するであろうキーワードですと殆ど他の方のページは検索されませんでした。 お時間が出来た時で結構ですので私の様なレベルの者でも分かる様に御指導を頂ければ幸いに存じます。 宜しくお願い申し上げます。

注目のQ&A

カテゴリ

専門家に質問してみよう

職業から探して質問する

あなたにピッタリな商品が見つかる！ OKWAVEセレクト

質問する