Incorporar buscador de Google a tu sitio web
Escrito por [D]aRk

Publicado: 30/01/2006
    Actualizado: 30/01/2006
     

 

Algo que interesa mucho a los webmasters, es que los usuarios puedan buscar en su página web, para ello tenemos a Google, el cual nos ofrece la posibilidad de incorporar estas búsquedas

Podemos hacerlo de dos maneras distintas, la 1º es el método simple, y la 2º es el método personalizado, útil para webs que necesiten personalizar colors etc.

La 1º es incluir el siguiente código html en la web, he marcado el código en color azul:

<!-- SiteSearch Google -->
<FORM method=GET action="http://www.google.com/search">
<input type=hidden name=ie value=UTF-8>
<input type=hidden name=oe value=UTF-8>
<TABLE bgcolor="#FFFFFF"><tr><td>
<A HREF="http://www.google.com/">
<IMG SRC="http://www.google.com/logos/Logo_40wht.gif"
border="0" ALT="Google"></A>
</td>
<td>
<INPUT TYPE=text name=q size=31 maxlength=255 value="">
<INPUT type=submit name=btnG VALUE="Buscar en sitio">
<font size=-1>
<input type=hidden name=domains value="TU NOMBRE DE DOMINIO "><br><input type=radio name=sitesearch value=""> WWW <input type=radio name=sitesearch value="TU NOMBRE DE DOMINIO" checked> TU NOMBRE DE DOMINIO<br>
</font>
</td></tr></TABLE>
</FORM>
<!-- SiteSearch Google -->


Cambiamos la palabra Tu nombre de dominio, por el nombre de dominio de nuestra web, como por ejemplo, ayuda-internet.net, y lo ponemos en nuestra página.

Ejemplo de este buscador: buscador.html

La 2º otra opción es usar en Google personalizado, esto es, en vez de usar el esquema de colores de google para las búsquedas, usar nuestro propio esquema de colores, nuestro logo, etc

Para ello vamos a http://www.google.com/services/free.html y picamos sobre Customize google for your site

En la primera pagina, tenemos la opcion de ofrecer a la vez búsquedas en google y en nuestra web, o solamente en nuestra web, si marcamos la segunda opción Customize Google Free Websearch. Presionamos en Continue

Ahora, en Enter Domain, ponemos el dominio de nuestra web, como ayuda-internet.net
En URL location of your logo, ponemos la URL directa al .gif o .jpg del logo de nuestra página
Alignmen of your logo, Center es para que el logo se situe en el centro, y left para que se situe en la izquierda

Lo siguiente es seleccionar los colores, en inglés por supuesto (Yellow es amarillo, Red es rojo, Cyan es azul claro, etc etc etc)

Text se refiere al color normal. Link al color de los hipervínculos, Visited links es para los vínculos que ya han sido visitados, etc etc.
Background url es para poner un .gif o .jpg como imagen de fondo

Podemos probar cualquier combinación, en cualquier momento presionando sobre Preview podemos ver que tal va nuestra selección de colores etc

Dándole a continue, le damos a rellenar los datos, esto es, para en el futuro, poder personalizar nuevamente este diseño. Una vez dado de nuevo a continue, se nos mostrará el código html para poner en nuestra web, el cual copiamos y ponemos en nuestro html.

Ejemplo de este buscador: google.html

Espero que os sea de ayuda

Atentamente, [D]aRk