• ベストアンサー
※ ChatGPTを利用し、要約された質問です(原文:Googleカスタム検索作成(検索窓設置)が上手く出来ません。)

Googleカスタム検索作成方法|ホームページに検索窓を設置する方法

Zidane-9の回答

  • Zidane-9
  • ベストアンサー率50% (7/14)
回答No.1

質問1の方に回答させて頂きます。 ソースを見てみたところ… &lt;!-- このコードの使用は、Google カスタム検索の利用規約への同意を前提とします。 --&gt; と言うように、「<」の部分が「&lt;!」になってしまっています。 ビルダーの編集ページのまま、貼り付けをされませんでしたか? これだと、ページ上に文字として表示されてしまいます。 ビルダーでHTMLソースを編集するページに切り替えて、貼り付けたい部分に、もう一度コードを貼り付けてみて下さい。 質問2の方は、良く分からないので回答できません。 申し訳ないです。

syotan
質問者

お礼

ご回答ありがとうございます。 御指導の通り貼り付けたページが現時点でのページです。 間違っていないでしょうか?          ↓ http://www.cafetime.jp/indextest.html お忙しい中、ありがとうございました。

関連するQ&A

  • 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 等の コレクターが検索するであろうキーワードですと殆ど他の方のページは検索されませんでした。 お時間が出来た時で結構ですので私の様なレベルの者でも分かる様に御指導を頂ければ幸いに存じます。 宜しくお願い申し上げます。

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

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

  • Googleカスタムエンジンの窓部分とボタン部分のカスタム方法について

    Googleカスタムエンジンの窓部分とボタン部分のカスタム方法について教えてください。 デフォルトの(http://www.google.com/cse/のページ右上にあるもの)検索エンジンの 「検索」ボタンを自作の画像で利用したい場合、http://www.google.com/cse/style/look/default.cssの /* Search button */ .cse input.gsc-search-button, input.gsc-search-button { にbackground、marginなどで設定するのでは間違ってますか? とりあえずボタンを画像にしてみましたが、FFではちゃんと表示されるのにieだとウインドウの右borderが欠けてしまいます。 1.ボタンを画像にしたい。(「検索」テキストなしで) 2.ボタンの右にあるリセット用の×はいらないのですが、どこに表記してありますか? 3.ウインドウも背景画像にしたいです。 ブラウザie6,7,8,FF3.6。 いろいろカスタムしているブログなども見て回ったのですが、古いタイプのカスタム検索エンジンについてしかなく、質問させていただきました。どうぞよろしくお願いします。

  • 「Googleカスタム検索」が使えなくなった。

    自分のサイトに「Googleカスタム検索」の窓を利用するためのリンクを設置していたのですが、いつの頃からかそこに検索文字を入力しても、サイト内ではなく普通にGoogleの検索結果が表示されるようになってしまいました。 Googleはカスタム検索のサービスを終了してしまったのでしょうか? それとも、ブラウザが進化しているので、これまでの設置方法では対応しなくなってしまったのでしょうか? もし終了してしまったというのなら、どなたか、「Googleカスタム検索」以外でもいいですから、(できれば無料の)サイト内検索を設置する方法を教えてください。

  • まとめて検索できる「検索窓」 を設置したい

    ホームページに 「検索窓」 を設置したいのですが、例えば、下記のサイトのように、Google 、Yahoo!、楽天市場、など、検索窓を1つにして、検索アイコンの方を、複数設けたいのですが、どのような「タグ」を用いればよいのでしょうか?  このような 「まとめて検索できるホームページ」 の作り方や、作り方を教えているサイトがあればお教えくださいませ。 http://www.matome.jp/

  • googleのカスタム検索

    googleのカスタム検索をホームページに設置しようと思っています。 アカウント取得して、設置しようとしているのですが、 ボタンを画像にしたり、ボックスの幅を変更できないのでしょうか? <div id="cse-search-form" style="width: 100%;">Loading</div> <script src="http://www.google.com/jsapi" type="text/javascript"></script> <script type="text/javascript"> google.load('search', '1'); google.setOnLoadCallback(function() { var customSearchControl = new google.search.CustomSearchControl('011829881965112279581:kkxhjvjwxl4'); customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET); var options = new google.search.DrawOptions(); options.enableSearchboxOnly("http://xxx.com"); customSearchControl.draw('cse-search-form', options); }, true); </script> <link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" /> 色々調べたのですが、イマイチ要領を得ることができませんでした。 教えてくださいお願いします。

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

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

  • ホームページに検索窓を設置して、検索結果を別窓で表示させる方法はありますか?

    ホームページを作成してますが、 自分のホームページ内に検索窓(グーグルや ヤフー等)を設置しました。 この設置した 検索窓?の中に任意の言葉を入れておき 最初から表示して、検索ボタンを押すとその結果が別窓で 表示させるようにしたいのですが、同じページで検索結果が 出てしまいます 皆様のお知恵をお借りできれば幸いです。よろしくお願い致します

  • Googleの検索窓設置について

    Googleの検索窓は、インターネット上の自分のWEBサイトに設置して、 WEB検索やサイト内検索に利用することができますが、 例えば、検索対象を社内LANの範囲内(ネットワークドライブ)だけの検索窓を設置することは可能でしょうか。 「Googleデスクトップ検索」の検索窓を同じLAN内に存在するHTMLファイルに設置するような感じができればよいのですが、 なかなかうまくできません。 どなたかお知恵を貸して下さい。 よろしくお願い致します。

  • 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