Tutorial - Cómo agregar Google Image a tu sitio

Tutorial - Cómo agregar Google Image a tu sitio

Existen varias soluciones para agregar a Google como motor de búsquedas en cualquier sitio web, hasta el mismo Adsense ofrece una opción para crear búsquedas personalizadas y monetizadas al mismo tiempo.

Pero ¿qué sucede si lo que necesitas es buscar imágenes? En este tutorial te explico cómo agregar Google Image a tu sitio.

Comencemos analizando la dirección estándar de búsqueda:

http://www.google.com/search?q=fuentes+gratis&hl=es&biw=1280&bih=833&prmd=ivl&source=lnms&ei=fYqXTLeMIcK78gbVuLCNDA&sa=X&oi=mode_link&ct=mode&ved=0CBUQ_AU

Vamos por partes, primero analicemos los parámetros que verdaderamente nos interesan:

  • q=fuentes+gratis es el término de búsqueda.
  • lh=es es el idioma.

Partiendo de la URL de arriba, para hacer que muestre como resultados imágenes es sólo cuestión de cambiar el parámetro search por images:

http://www.google.com/images?q=fuentes+gratis&hl=es&prmd=ivl&source=lnms&tbs=isch:1&ei=hYqXTM36C8Lflgfw_NnSBQ&sa=X&oi=mode_link&ct=mode&ved=0CAoQ_AU&biw=1280&bih=833

Pero para agregarlo a un website necesitamos crear el código HTML del cuadro de búsqueda. Es un simple formulario HTML como el siguiente:

<form method="get" action="http://google.com/images">
<input type="text" name="q" />
<input type="submit" value="Buscar en Google Images" />
</form >

Así de sencillo es implementar la búsqueda de imágenes de Google.

Fuentes de referencias: How to add Google’s Image Search to your website? – www.icantinternet.org

Por Diego Cambiaso

Comunicador Social, Desarrollador de Software y UX Designer. Blogger desde el 2006, creador de Pixelco Tech. Viajero y fotógrafo. Entusiasta del diseño, apasionado por la tecnología y el social media. EN-ES-IT