web-dev-qa-db-ja.com

WebサイトにGoogle検索ボックスを追加するにはどうすればよいですか？

自分のウェブサイトにGoogle検索ボックスを追加しようとしています。私のサイトではなく、Google自体を検索したいです。使用するコードがいくつかありましたが、機能しなくなりました。

<form method="get" action="https://www.google.com/search">
<input type="text" name="g" size="31" value="">
</form>

検索しようとすると、Googleホームページに直接移動します。まあ、実際にはここに指示します： https://www.google.com/webhp

誰か別の解決策がありますか？私は何を間違えていますか？

htmlgoogle-search
20
wahle509

古い質問に返信してすみませんが、最後の質問を明確にしたいと思います。

フォームに「get」メソッドを使用します。入力フィールドの名前が「g」の場合、次のようなURLが作成されます。

https://www.google.com/search?g=[value from input-field]

ただし、Googleで検索すると、次のURLに気づきます。

https://www.google.nl/search?q=google+search+bar

Googleは、検索クエリとして「q」クエリ文字列変数を使用します。そのため、フィールドの名前を「g」から「q」に変更することで問題を解決しました。

20
Cryothic

これは、Googleサイト検索をWebサイトに追加する方法の1つです。

<form action="https://www.google.com/search" class="searchform" method="get" name="searchform" target="_blank">
<input name="sitesearch" type="hidden" value="example.com">
<input autocomplete="on" class="form-control search" name="q" placeholder="Search in example.com" required="required"  type="text">
<button class="button" type="submit">Search</button>
</form>
12
sansan

役立つトリックがいくつかあります。 Googleコードを使用しているときに、いくつかの構成が欠落していると思います。

次の便利なリンクをご覧ください。

2
EL Yusubov

わかった、みんな！テキストボックスの名前には、「q」を使用する必要があります。自分の個人的な好みのためだけに「g」がありました。しかし、明らかに「q」でなければなりません。

誰もがその理由を知っていますか？

1
wahle509