How To: Crear proveedor de busqueda para Internet Explorer 8

Una de las importantes mejoras que trae la versión 8 de Internet Explorar es la personalización y flexibilidad enriquecida para construir buscadores personalizados para ser agregados al explorador. En este artículo explico de forma sencilla como crear un buscador personalizado de manera sencilla. Si quieres conocer acerca de todas las características disponibles para Internet Explorer 8, puedes hacerlo AQUI.

Para comenzar, debes tener los siguientes datos con el que rellenaras el proveedor de búsqueda, a efectos de este ejemplo utilizaré los correspondientes a mi blog:

  • Nombre de proveedor a construir: Blog de Eduardo Sojo
  • Descripción del proveedor a construir : Buscar en eduardosojo.com
  • Encoding del sitio web: Puedes usar el tradicional UTF-8 o en caso de español ISO-8859-1
  • Imagen del favicon en caso de que tu sitio web la posea
  • La URL que genera el buscador del sitio web, como práctica puedes realizar una búsqueda con la palabra TEST y el resultado de la URL colocarlo en tu proveedor de búsqueda a construir, para el caso de mi blog http://www.eduardosojo.com/?s=TEST

El proveedor de búsqueda se construye basado en una estructura XML que luego será llamado desde un javasctript para ser enganchado e interpretado por IE . La estructura de este XML quedaría de la siguiente forma:

<?xml version="1.0" encoding="UTF-8" ?>
<OpenSearchDescription xmlns="http://a9.com/-/spec/opensearch/1.1/">
<ShortName>Blog de Eduardo Sojo</ShortName>
<Description>Buscar en eduardosojo.com</Description>
<InputEncoding>ISO-8859-1</InputEncoding>
<Image height="16" width="16" type="image/icon">http://www.eduardosojo.com/../../favicon.ico </Image>
<Url type="text/html" template="http://www.eduardosojo.com/?s={searchTerms}&source=IE" />
</OpenSearchDescription>

Para este caso, sólo debes reemplazar la palabra TEST por el condicional {searchTerms} que es el parametro que se le pasará para realizar la búsqueda y adicional puedes agregar un parametro adicional en el query a efectos de monitoreo y rastreo de las búsquedas.

Para habilitar las capacidades de instalación de este proveedor, existen 2 formas principales en que esto se puede hacer:

1. Agregar en el header una etiqueta que permitirá al navegador IE8 detectar la existencia de un proveedor disponible en esa página.

<link title="My Provider" rel="search" type="application/opensearchdescription+xml" href="http://www.eduardosojo.com/../../eduardosojo_com.xml">

2. Agregar en un link/botón el siguiente codigo javascript:

window.external.AddSearchProvider(‘http://www.eduardosojo.com/../../eduardosojo_com.xml’)
[/sourcode]
Existen herramientas que permiten generar estos proveedores de forma automática como ESTA. También existen otras características con las cuales podemos enriquecer nuestro proveedor de búsqueda tales como, sugerencia de búsqueda, sugerencias con imágenes, entre otras.

Saludos,

Responder

Introduce tus datos o haz clic en un icono para iniciar sesión:

Logo de WordPress.com

Estás comentando usando tu cuenta de WordPress.com. Cerrar sesión / Cambiar )

Imagen de Twitter

Estás comentando usando tu cuenta de Twitter. Cerrar sesión / Cambiar )

Foto de Facebook

Estás comentando usando tu cuenta de Facebook. Cerrar sesión / Cambiar )

Google+ photo

Estás comentando usando tu cuenta de Google+. Cerrar sesión / Cambiar )

Conectando a %s