Cómo crear un plugin de búsqueda para Firefox en tu sitio web

Soy totalmente consciente de lo inútil de esta entrada. Pero me encanta hacer experimentos y aprender cosas nuevas, aunque sean inútiles, asi que después de pedir disculpas, vamos al tema.

No se si los usuarios de Firefox sabréis que se pueden añadir nuevos motores de búsqueda a la barra de búsqueda del navegador fácilmente, y que incluso podemos crear nuestros propios plugins de búsqueda sin demasiada complicación, con lo que podemos por ejemplo permitir a los lectores buscar entradas de la bitácora desde su navegador. Para ello basta con crear un pequeño archivo de texto en cualquier editor indicando a Firefox el action del formulario para buscar y los diferentes campos del formulario. Vamos a ver un ejemplo. Lo primero que tenemos que hacer es crear un archivo con extensión src, por ejemplo zootropo.src, y abrirlo en un editor cualquiera.

El archivo comienza con una etiqueta search con parámetros con información como el nombre del plugin (name), el método usado para enviar los datos por parte del formulario (method), y el parámetro action del formulario (action). Como valor de name podemos poner lo que queramos. Para obtener los valores de method y action recurriremos al código fuente de la página web. Por ejemplo mi formulario de búsqueda tiene esta pinta:

<form id=”searchform” name=”searchform” method=”get” action=”/index.php”>
    <input name=”s” id=”s” size=”15″ type=”text”>
    <input name=”subButton” value=”Buscar” type=”submit”>
</form>

Donde podemos ver que el valor de method es get, y el valor de action http://mundogeek.net/index.php, por lo que la cabecera del plugin quedaría así:

<search
    name=”Zootropo. Diario del Mundo Geek”
    action=”http://mundogeek.net/index.php”
    method=”GET”
>

Dentro de la etiqueta search tendremos una serie de etiquetas input, una por cada campo en el formulario. Cada una de estas etiquetas tendrá un atributo name con su nombre y un atributo value indicando su valor, exceptuando la caja de texto donde se escriben los términos de búsqueda, que tendrá un atributo user en lugar de value. Los valores para name y value se obtienen de nuevo a partir del código fuente.

En nuestro caso solo tenemos la caja de texto y un botón, por lo que tendremos dos inputs, un input con nombre subButton y valor “Buscar” por el botón y otro con nombre “s” por la caja de texto.

<search
    name=”Zootropo. Diario del Mundo Geek”
    action=”http://mundogeek.net/index.php”
    method=”GET”
>
    <input name=”s” user=””>
    <input name=”subButton” value=”Buscar”>
</search>

Con esto hemos terminado el archivo src. Opcionalmente, podemos crear una imagen de 16×16 que sirva como icono representativo del nuevo motor de búsqueda, con el mismo nombre que el archivo src. Por último crearemos un pequeño script para instalar el motor en el navegador del usuario:

<script language=”javascript”>
function instalar( ){
if ((typeof window.sidebar == “object”) && (typeof window.sidebar.addSearchEngine == “function”)){
    window.sidebar.addSearchEngine(
    “http://mundogeek.net/wp-content/zootropo.src”,
    “http://mundogeek.net/wp-content/zootropo.jpg”,
    “Zootropo. Diario del Mundo Geek”,
    “” );
}
else{
    alert(“Tu navegador no está soportado”);
}
}
</script>

Los parámetros de addSearchEngine, evidentemente, deben ser modificados. Los dos primeros indican las direcciones web de el archivo src y del icono, en el caso de que exista. Los dos últimos son respectivamente el nombre del plugin y la categoría.

Por último, el enlace que usemos para instalar el plugin, llamará a la función que acabamos de crear:

<a href=”javascript:instalar()”>Instala el plugin de búsqueda</a>

Con lo que el resultado final es: Instalar el plugin de búsqueda

Plugin de búsqueda

Actualización: Como bien dice Rick en los comentarios, tanto el src como la imagen de icono se guardan en la carpeta searchplugins, dentro del directorio de la aplicación. Para borrarlo basta con borrar ambos archivos.

Comentarios
  1. Como crear un plugin de busqueda para firefox
    Zootropo nos trae este trukillo para como crear un plugin de busqueda para firefox…

    Responder

  2. Como siempre, interesante entrada.
    Siempre da gusto aprender algo nuevo 😉

    PD: Ahora que me fijo, eso de la vista previa de los comentarios está muy bién. ¿De donde lo has sacado?

    Responder

  3. Oki, gracias por el copy&paste 🙂
    PD (otra vez): ¿a ti esas horas en formato am/pm te gustan? Porque a mi me tienen un regustillo yankee que no puedo con el (me refirero a la hora que indica cuando se ha echo cada comentario).
    Joer, que repelente soy…. 😛

    Responder

  4. ala. listo 😛 ¿algo más? 😛

    Responder

  5. No, si que se podía cambiar ya lo sabia yo, la función date de PHP da para mucho 🙂
    Y no, por ahora no se me ocurre nada más, asi que de momento te libras ;):P

    Responder

  6. Hace no mucho hice algo parecido, un plugin de búsqueda para Google que permitía buscar directamente en español (no la interfaz, si no las propias búsquedas). Lo comento aquí:

    http://www.cerobits.com/comentarios.php?id=34

    Por lo demás, guay 😀

    Responder

  7. Sin animo de parecer spammer, para Rick por si no te aclarases con lo que te ha dicho Zootropo, publique un articulo (con los debidos creditos a Zootropo) explicando exactamente que tocar y donde 🙂

    El articulo esta en Vista previa para los comentarios, veras que es muy sencillo de de aplicar…

    Saludos a todos

    Responder

  8. OK, gracias Armonth, en cuanto llegue a casa lo pongo.
    PD (XD): que mal se ve mi avatar, la leche, con lo bonito que lo veo en la web de gravatar… Que narices pasará? Será porque es un png? Otra cosa más para hacer al llegar a casa.

    Responder

  9. Se supone que debiera ser un kanji negro sobre un fondo blanco…
    He enviado un gif, a ver si es por eso…
    PD de nuevo: Si habeis echo el ganso con los buscadores (como yo) que sepais que para eliminarlos teneis que ir al directorio del firefox, luego a searchplugins y ahi os cargais el .src y la imagen y reiniciais el firefox.
    Saludos.

    Responder

  10. gracias por el apunte, rick. se me había pasado comentarlo 🙂

    Responder

  11. mnmcorp

    si mi sitio no cuenta con un sistema de busqueda con anticipacion, se puede hacer de todas maneras?

    Responder

  12. no mnmcorp. como mucho podrías usar google añadiendo site:misitio.com

    Responder

  13. […] Cyberfrancis a las 3:29 pm Zootropo me ha dado una ideal genial, y es el poder tener el motor de búsqueda de mi blog a […]

    Responder

  14. Felicidades por el artículo, no sabía que fuera tan sencillo hacer un plugin de busqueda 😯 :OO Este Firefox nos depara unas sorpresas tan agradables xD

    Lo que sí me gustaría saber es si es posible hacerlo para formularios con method POST, pues yo lo he hecho así y no funciona (no busca nada), sin embargo con method GET si que va. En realidad quiero integrarlo en un foro phpbb que usa el method POST, sin tener que hurgar en el código PHP para que admita los GET.

    Un saludote

    Responder

  15. con post no se puede, no. (por ahora) solo se soporta get

    Responder

  16. Joaquín

    Muchas gracias,
    muy útiles lasinstrucciones, ya agregué tres buscadores a mi lista (la Biblia Reina Valera, SubDivx y MercadoLibre.com) y ando buscando un buen diccionario de sinónimos en línea.

    Una pregunta:

    ¿Cómo puedo ordenar la lista (o sucesión) de buscadores que se despliega? El orden actual parece aleatorio.

    Gracias de nuevo,

    Joaquín.

    Responder

  17. no conozco ninguna forma que no sea arremangandote y editando código
    tal vez sería buena idea para una extensión 💡

    Responder

  18. Joaquín

    Chévere Zootropo,
    Lo curioso es que, aunque no he encontrado algún criterio atribuible al Firefox, el orden (o desorden) es siempre el mismo. No tiene que ver con el orden en el que se agregan los buscadores, ni con alguna referencia alfabética, ni con la fecha en la que se guardaron los archivos src, ni con su tamaño en bytes… Seguiré buscando.

    Responder

  19. Existe un programa que lo hace es sencillo y se puede encontrar aca http://www.svenbader.de/download/ff_searchpluginmanager.exe

    Responder

  20. gracias por el apunte, andrés

    Responder

  21. […] No conocía este otro tutorial que escribió Zootropo en Mundogeek. Muy recomendable. […]

    Responder

  22. Me ha encantado!!! Yo no sabía que se podía hacer esto. Enhorabuena!!! 😯

    Responder

  23. Cómo crear un plugin de búsqueda para Firefox

    En firefox se pueden añadir nuevos motores de búsqueda a la barra de búsqueda fácilmente, e incluso crear nuestros propios plugins de búsqueda sin demasiada complicación.

    Responder

  24. Plugin de Búsqueda para Firefox

    Leyendo Cómo crear un plugin de búsqueda para Firefox en tu sitio web me entero cómo realizar esta tarea. Estos plugin permiten tener más opciones de sitios donde realizar la búsqueda rápida que se encuentra en la esquina superior derecha del na…

    Responder

  25. Hay una extension de firefox para ordenar y administrar la lista de buscadores.

    Se llama Search Engine Ordering, y es bastante practica.

    Responder

  26. […] En Mundo Geek […]

    Responder

  27. Fede

    No entendi como instalarlo el plugin 🙁 si alguien me explica le agradezco

    Responder

  28. Hola a todos, muy bueno el tutorial. Por cierto ya generé un par de buscadores :mrgreen:

    Una consulta: Para Foros phpBB intenté hacer un par de buscadores pero siempre me aparecen los resultados como temas y no cómo tópicos (como quiero que aparezcan) ¿Alguien se le ocurre como hacerlo?

    Agradezco su ayuda, saludos

    Responder

  29. Joaquín

    En este blog se muestra otra forma de hacerlo:

    http://www.start.com.my/blog/fixing-firefox-search-engine-order/

    En el nombre de las nuevas entradas, uno escribe browser.search.order.X, donde ‘X’ es un número. Los número son ordenados de forma consecutiva por FireFox. Asociado cada uno a un plugin motor de búsqueda, por su nombre, tal como aparece en el index desplegable de buscadores (NO por el nombre de archivo src).

    Eso sería todo, aunque en las nuevas versiones de FireFox esto ya no sería necesario, pues han incorporado las ordenación alfabética…

    Responder

  30. […] Actualización: Zootropo comenta como crear un plugin de búsqueda para Firefox. Además Markus menciona Search Engine Ordering, una potente extensión que aglutina todo lo anterior e incluso permite modificar la posición de cada elemento. Mozilla | Enlace permanente # | Menéame […]

    Responder

  31. VDFB

    Holas. Tu articulo esta bueno. Estaba buscando una forma de escribir plugins para firefox q hagan otras cosas como complementar paginas web, como puedo hacer eso, o donde encuentro informacion al respecto.

    Responder

  32. […] Y si todavía quieres más, también puedes crear el tuyo propio. […]

    Responder

  33. Esta muy bueno!

    Responder

  34. Gabriela

    Hola muy bueno lo que publicaste, pero tengo un problemita, lo que no entendi es que debo crear un archivo .src y luego un .js, y eso lo guardo en una carpeta especifica? o en cualquier carpeta, y el enlace para la instalacion del plugin donde lo guardo?, si fueras tan amable de decirme eso, soy novata en esto y quiero aprender.
    Saludos
    Gabriela

    Responder

  35. Elia

    Yo tengo una base de datos en sql en mi servidor ¿puedo hacer un mecanismo de busqueda en firefox desde mi pagina con ese metodo?

    Responder

  36. andres

    excelente pagina

    Responder

  37. martin

    oye no hay un plugin que me de mayor velocidad y cargue mas rapido las paginas??

    muy bueno el articulo salu2!!

    Responder

  38. Alberto

    Oye osea que tengo que crear un enlace a: javascript:Instalar el plugin de búsqueda no?

    Responder

Deja un comentario