Agregar Google Search a un sitio web

Implementar un buscador en un sitio web puede ser complicado cuando lo tratamos de hacer a mano, pero podemos aprovechar motores de búsqueda ya existentes, como Google Search, y ahorrarnos muchísimo trabajo.

Entre los distintos comandos que soporta Google Search está la posibilidad de filtrar los resultados por un sitio web específico.

jQuery y AJAX site:www.deployando.net

Google recibe los parámetros de búsqueda con el método GET, lo cual nos hace más fácil utilizar el mismo servicio de búsqueda para implementarlo en nuestro sitio.

En el lugar de nuestra página donde necesitemos esa búsqueda hacemos lo siguiente:

<form id="busqueda" action="http://www.google.com.mx/search" method="get">
  <input type="hidden" name="sitesearch" value="URL_de_nuestro_sitio" />
  <input type="text" name="q"/>
  <input type="submit" name="buscar" value="Buscar"/>
</form>

El atributo action de la forma apunta al sistema de búsqueda de Google. El método get será para que implemente los parámetros necesarios. El atributo target es opcional, para abrir en otra ventana la búsqueda.

Los parámetros que necesitamos enviar son: sitesearch, con la URL de nuestro sitio como valor (ejemplo: http://www.misitio.com), y lo agregamos en un input de tipo hidden, ya que no necesitamos que sea visible en pantalla, y el parámetro q, que tiene las palabras a buscar, por lo que obviamente irá en un input de tipo text (o search, si estamos trabajando en HTML5). El nombre del botón no importa.