11 junio 2009

Mostrar los marcadores de Delicious en un blog o sitio web

Cómo mostrar los marcadores de Delicious en un blog o sitio web

El servicio de bookmarking o marcación social Delicious solía ofrecer widgets que permitían a sus usuarios registrados mostrar sus marcadores en un blog o sitio web, así como una lista de las etiquetas que utilizaban. Éstos se encontraban en la página de herramientas (Tools) pero, desde la adquisición de Delicious por parte de AVOS, han desaparecido. Como alternativa, se puede lograr un efecto similar mediante los feeds o hilos RSS que proporciona Delicious.

Cabe notar que, aunque la página de creación de los widgets ya no está disponible (ni siquiera es accesible desde Internet Wayback Machine), los widgets creados en ella siguen mostrándose y funcionando correctamente en los blogs o páginas web en los que han sido incorporados (al menos, por ahora). Por tanto, más abajo, proporcionaré el código que éstos usaban por si queréis utilizarlos.

Añadir marcadores de Delicious mediante feeds RSS

Habréis visto que, en la página de perfil (Profile) de una cuenta de Delicious, aparecen los feeds o hilos RSS de los enlaces de cada usuario. Si se trata de vuestra cuenta, veréis el feed de vuestros enlaces públicos (Public) y el de los privados (Private); si se trata de la cuenta de otro usuario, sólo veréis el feed público. Podemos usar estos hilos RSS para suscribirnos a los links que vaya guardando un usuario (a través de un lector de feeds como Google Reader), pero también para mostrar información de Delicious en blogs o páginas web.

delicious-rss

El propio Delicious explica, en su página para desarrolladores (Developers), los diferentes patrones de URL para sus feeds. Son unos cuantos (los podéis ver clicando en el enlace proporcionado y en la siguiente captura de pantalla), pero nosotros nos centraremos en los tres que permiten replicar (aunque sea parcialmente) las funcionalidades de los antiguos widgets.

delicious-url-patterns-for-feeds

El primer feed que nos interesa es aquel que permite mostrar los enlaces públicos de un usuario. La URL del feed es:

http://feeds.delicious.com/v2/rss/nombredeusuario

Reemplazaremos "nombredeusuario" por nuestro nombre de usuario de Delicious.

Otro feed que nos puede ser útil es aquel que permite mostrar los enlaces que un usuario ha marcado con una determinada etiqueta. Por ejemplo, podríamos añadir la etiqueta "blog" a todos los enlaces que queramos mostrar en nuestra bitácora y, así, el resto de nuestros links no serían publicados. La URL de este feed es:

http://feeds.delicious.com/v2/rss/nombredeusuario/etiqueta

Reemplazaremos "nombredeusuario" por nuestro nombre de usuario de Delicious y "etiqueta" por el nombre de la etiqueta que nos servirá de filtro de nuestros enlaces.

El último feed de interés permite mostrar la lista de etiquetas de un usuario. Una vez en nuestro blog, al hacer click sobre cualquiera de ellas, se abrirá la página de Delicious que contiene los enlaces que hemos marcado con dicha etiqueta. La URL de este feed es:

http://feeds.delicious.com/v2/rss/tags/nombredeusuario

Como siempre, reemplazaremos "nombredeusuario" por nuestro nombre de usuario de Delicious.

Para utilizar estos hilos RSS deberéis recurrir al widget de feeds que proporcione vuestra plataforma de blogging o gestor de contenidos. En Blogger, que es el ejemplo que usaremos, lo encontraréis en Diseño > Añadir un gadget > Feed. El primer paso será introducir la URL del feed (cualquiera de las mencionadas antes) y hacer click en Continuar.

blogger-url-feed

Llegaremos a la página de configuración del feed, donde encontraremos las siguientes opciones:

  • Título: El título del gadget. Podría ser "Mis enlaces en Delicious" o "Mis etiquetas en Delicious".
  • Mostrar entre 1 y 5 artículos: Decidiremos cuántos enlaces o etiquetas deseamos que se muestren. Siempre aparecerán las más recientes.
  • Fechas del elemento: Si queremos que se vea la fecha en la que guardamos un enlace (no funciona para etiquetas) marcaremos esta casilla.
  • Autores/fuentes del elemento: Si queremos que nuestro nombre de usuario de Delicious sea visible al lado de los enlaces (no funciona para etiquetas) marcaremos esta casilla.
  • Abrir enlaces en una ventana nueva: Si queremos que los enlaces y las etiquetas se abran en una pestaña del navegador distinta a la de nuestro blog, marcaremos esta casilla.

blogger-configurar-feed

Cuando hayamos acabado, haremos click sobre Guardar, colocaremos el gadget en el lugar de la plantilla donde deseamos que sea mostrado, y clicaremos sobre Guardar disposición. En la siguiente captura de pantalla, podéis ver cómo quedan cada uno de los tres feeds.

feeds-delicious-en-blog

Añadir marcadores de Delicious mediante el código del antiguo widget

El antiguo widget de Delicious permitía mostrar los enlaces públicos de un usuario y los enlaces marcados con una determinada etiqueta. Para usarlo, utilizaremos las URLs de los feeds proporcionadas más arriba pero sustituyendo rss por js. También había un widget para mostrar etiquetas pero, desafortunadamente, no dispongo de su código (si alguien lo conoce, le agradecería que lo compartiera en los comentarios de este artículo).

El código del widget es el siguiente:

<script type="text/javascript" src="URL?title=&icon=&count=&extended&tags&name&showadd" ></script>

  • Reemplazaremos URL por la URL del feed que queramos utilizar.
  • Al lado de title= podemos escribir el título del widget, por ejemplo, "Delicious" (sin las comillas y sin dejar espacios entre = y el título). Si no escribimos nada, no aparecerá ningún título.
  • Al lado de icon= escribiremos m si queremos mostrar el icono de Delicious en un tamaño mediano, s si preferimos el icono de Delicious en un tamaño pequeño, o rss si optamos por el icono naranja típico de los feeds. Si no queremos ningún icono, borraremos icon=.
  • Al lado de count= escribiremos el número de enlaces que deseamos que sean mostrados, a elegir entre 1 y 100. El número aconsejable se situaría entre 5 y 10.
  • Utilizaremos &extended si queremos que también se visualicen las descripciones que hemos añadido a los enlaces. Si no, lo borramos.
  • Utilizaremos &tags si queremos que se vean las etiquetas asociadas a cada enlace. Si no, lo eliminamos.
  • Utilizaremos &name si queremos mostrar nuestro nombre de usuario de Delicious. Si no, lo suprimimos.
  • Y, por último, utilizaremos &showadd si queremos que aparezca el mensaje "Add me to your network" al final de nuestra lista de enlaces para que quién clique sobre él pueda seguirnos en Delicious. Si no, lo borramos.

Una vez tengamos el código preparado, lo copiaremos y lo pegaremos en nuestro blog o página web directamente en el lugar de la plantilla en el que queremos que sea mostrado o mediante un widget. En Blogger, Diseño > Añadir un gadget > HTML/Javascript. En la siguiente captura de pantalla, podéis ver cómo quedaría el widget de Delicious:

delicious-widget-en-blog

Artículo actualizado a 25 de agosto de 2012

2 comentarios:

  1. Anónimo3/8/10 12:38

    Muchas gracias!!!!
    Funciona perfectamente.
    He usado tu información y he conseguido insertar Delicious en mi blog.
    Gracias mil!!!!

    ResponderEliminar
  2. De nada! Me alegro de que te haya servido!

    Gracias por visitar mi blog,
    Patricia

    ResponderEliminar