Acabo de publicar Regala Google Chrome por navidad |

Motor de busqueda personalizado

By Miguel Ángel Jiménez Achinte On 13:44

Como podrás darte cuenta en estos dias he empezado a probar algunas utilidades nuevas en blog, en este caso trataré de explicar como crear, personalizar y publicar un motor de busqueda google en función de nuestro blog o pagina web (puedes probar mi sección de busqueda y observar los resultados).

Lo primero será acceder a nuestra cuenta google e ir a la sección de motores de busqueda, ambas cosas puedes hacerlas desde aqui. Luego presionamos clcik sobre el botón crear de busqueda personalizado (Crear motor búsq. person.) y llenamos los siguientes datos:

Nombre del motor de búsqueda: en este campo de texto vamos a poner el nombre que aparecera en la parte de arriba cuando se realice una busqueda. Por ejemplo Busqueda Z-Graphics.

Descripción del motor de búsqueda: aqui debemos poner una frase que describa con que está relacionada la busqueda. Por ejemplo Ciencia climática de científicos climáticos.

Idioma del motor de búsqueda: Idioma en el que aparecen los resultados.

En la siguiente sección del asistente "¿Qué quiere buscar?" tenemos tres opciones:

1- Sólo los sitios que seleccione: si selecciona esta opción la busqueda arrojará datos obtenidos
en sitios que usted especifcique (en el area de texto siguiente:"Seleccione algunos sitios").
2- En toda la web, pero enfatizar los sitios que selecciono: si se escoge esta opción la busqueda arrojara datos obtenidos de toda la red (paginas inscritas a google) pero hará enfacis en las paginas web que usted elija.
3- Toda la web: Los datos arrojados son obtenidos de toda la red.

En la siguiente parte "Seleccione una edición" marcamos la casilla Edición estándar (si es para uso personal).

Por ultimo aceptamos haber leido las Condiciones del servicio y presionamos click en el botón siguiente.
En la segunda parte del asistente presionamos el botón Finalizar y en pocos segundos estaremos en la pagina principal de "mis motores de busqueda", ahi encontraremos los motores creados y las opciones para personalizarlos, configurarlos y añadir a la pagina web o blog (para realizar cualquiera de estas opciones debes presionar click sobre el panel de control que pertenece a tu motor de busqueda).

Accedemos al panel de control y tenemos las siguientes opciones (son muchas mas pero el objetivo de hoy es explicar estas) :

1- modificar la información anteriormente suministrada.
2- Diseño
3- Obtener codigo

Para modificcar los datos simplemente se siguen los pasos anteriores y se guardan los cambios asi que continuemos con el diseño de la pagina de resultados:

En esta seccion se puede personalizar el cuadro de búsqueda y escoger un modelo de 7 opciones:


Personalizar los colores en los resultados de busqueda, puedes usar este selector de color.


Personalizar los resultados de búsqueda alojados por Google
Para agregar el motor de busqueda hay 3 opciones:

1-: quiere decir que aunque la 'cajita' de busqueda esté en nuestra pagina, los resultados se van a mostrar en una ventana aparte (una oagina almacenada por google).
2- : esta opcion (es la que estoy usando en este blog) permite que la pagina de resultados aparezca en un iframe, es decir que se creará una capa mostrando los resultados de la busqueda. Si escoges esta opcion debes señalar o especificar una pagina web en la que se mostraran los resultados...me explico, cuando realices una busqueda la ventana donde estas te va a redireccionar a esa dirección y va a mostrar los resultados en el lugar donde pegues el codigo de la caja "Código de los resultados de búsqueda". En mi caso esa direccion es la pagina principal del blog.
3- Resultados de host en mi sitio web que utilizan un elemento de búsqueda personalizado: El resultado de esta elecion seria algo muy parecido al buscador ajax de blogger, solo que los datos que arrojará la búsqueda estarán basados en la información que dimos al crear el motor de búsqueda.

Si has elegido la segunda opción puedes:

Añadir los resultados de busqueda a la plantilla: el ancho de la capa que contiene los resultados de busqueda no es menor a 790px por lo que te recomiendo pornerlo en una parte donde disponga de ese espacio para que no afecte la estetica del blog. En mi caso lo he añadido en el top de la pagina (despues de <div id='wrapper'>) pero tambien puedes hacerlo en la parte inferior.

Cerrar la capa que contiene los resultados: La primer vez que probé este motor de busqueda en el blog me di cuenta de lo practico que seria agregar algun metodo para cerrar esa capa y que el visitante siguiera navegando; Probé con este sencillo metodo pero los resultados no fueron tan satisfactorios dado que la capa desaparecia pero el espacio no. Despues de algunos minutos encontré el efecto BlindUp de scriptaculous que me permite cerrar la capa con un efecto de slide hacia arriba. Si usas scriptaculous en tu plantilla lo unico que debes hacer es:

1- en el codigo que nos da google(el de el iframe con los resultados) encontraremos la capa que contiene ese iframe:

<div id="cse-search-results"></div>

Dentro de ella vamos a poner el siguiente link para cerrarla:

<a href='javascript:void(0);' onclick='Effect.BlindUp(&quot;cse-search-results&quot;, { duration: 1.5 }); return false;'>CERRAR CAPA</a>

o podemos añadir una imagen en lugar de texto:

<a href='javascript:void(0);' onclick='Effect.BlindUp(&quot;cse-search-results&quot;, { duration: 1.5 }); return false;'><img src='url-de-la-imagen' style='estilos-css'/></a>

Eso es todo, tal vez te preguntes porque optar por un motor de búsqueda como este y no el comodo buscador ajax de blogger...yo lo hice por la eficacia en la busqueda, porque me permite agregar anuncios por medio de adsense en su nuevo sistema de Adsense para busqueda.





3 comentarios

  1. Te espero por mi blog ya que tu eres una de esas personas que dedican su tiempo, esfuerzo y espacio en su blog para compartir y transmitir tus conocimientos. Un abrazo.
    PD: borré el anterior por un horror ortográfico, jeje.

    Posted on 7/18/2009 11:09 a. m.

     
  2. jaja errores cometemos todos, agradezco tu invitación Fabiana, por alla estaré pasando mas seguido :P y gracias por tu opinion.

    saludos.

    Posted on 7/18/2009 11:13 a. m.

     

Publicar un comentario en la entrada al viejo estilo