Add Google search in web page

Question

I'd like to add search to a static site. The simplest way is to simply query Google by appending "site:www.acme.com" to the actual query so that Google will limit search to that site.

Ideally, I'd like to do this in the browser, to avoid having to install PHP on the server. Using a form, I don't know how to append the search items:

<form action=http://www.google.com?q="site:www.acme.com+...">
<input type=text id=search_item>
</form>

Does someone know of a client-side solution? Should I use some JavaScript for this?

Thank you.

Edit: When using "method=get" and "input name=q value="site:www.acme.com "", the browser will indeed call Google with "www.google.com?q="site:www.acme.com some item", but I'd rather avoid presetting the input box with "site:www.acme.com" because users will find this odd and might remove it.

score 25 · Accepted Answer · edited Nov 07 '15 at 12:50

25

You just need to set the form method to "get", add one extra hidden element with the site you want to search and it will automatically paste it behind the URL as such:

<form action="https://google.com/search" method="get">
<input type="hidden" name="sitesearch" value="http://acme.com" />
<input type="text" name="q" />
</form>

Because that is how HTML forms work by default.

edited Nov 07 '15 at 12:50

Martin Devillers

17,293
5
46
88

answered Nov 14 '12 at 12:45

RadicalRaid

996
9
17

"You just need to set the form method to "get"" — That isn't needed. GET is the default method. – Quentin Jun 16 '17 at 12:09
I added it explicitly (about five years ago) to make sure it's clear because this might not work when posting. – RadicalRaid Jun 16 '17 at 21:15
I tried this but not working.

– Ahsan Habib Jun 04 '18 at 14:41

score 0 · Answer 2 · answered Nov 14 '12 at 12:53

0

u can do something like this:

<script type="text/javascript">

function google_search()
{
window.location = "http://www.google.com/search?q=site:www.acme.com+" + encodeURIComponent(document.getElementById("q").value);
}

</script>

<form onSubmit="google_search()">
<input type="text" name="q" id="q" value="" />
<input type="submit" value="search" onClick="return google_search()" />
</form>

answered Nov 14 '12 at 12:53

my_name_564

9
1

1

Thanks for the code. RR's solution works without using JavaScript. – Gulbahar Nov 14 '12 at 12:59

score -1 · Answer 3 · answered Feb 19 '16 at 03:53

-1

  <form method="get" action="http://google.com/search">
    
    <input type="text" name="q" required autofocus>
    <input type="submit" value="Google search">
  
  </form>

If you want to use Bing Search engine then replace 'google' with 'bing'.

answered Feb 19 '16 at 03:53

Dr.Darshan

139
1
5

That searches the whole WWW. The question is about searching a specific site. – Quentin Jun 16 '17 at 12:10

Add Google search in web page

3 Answers3

Linked

Related