Nube de Tags Flash

28jul

Nube de Tags Flash

Una Nube de Tags es de los típicos recursos de la Web 2.0 para mostrar la taxonomía de un sitio, es visualmente atractivo, práctico y sencillo de incluir gracias a WordPress y el resto de sistema de publicación.

Pero ¿y si esa misma nube de tags fuera un elemento con movimiento, un toque de tecnología Flash que lo haga visualmente aún mas impactante?.

WP Cumulus es un plugin para WordPress que te permite hacer justamente eso; crear una nube de tags móvil, que gira y se mueve por defecto y cuando le acercas el cursor. Te ofrece la misma funcionalidad que la habitual nube de tags pero te aseguro que va a atraer la atención de tus lectores, no pasa desapercibida.

Descubrí este plugin revisando el código fuente de ClipSet y de ahí he visto que tanto Dolors Reig como Cristian Eslava ya habían hablado de esta pequeña maravilla, de WP Cumulus.

El plugin te ofrece un widget que puedes colocar en la barra lateral de tu blog, y dispone además de una página de configuración muy completa desde la que definir parámetros como los colores de enlaces y fondo, ancho y alto de la nube, velocidad de rotación y mas características.

No te lo pierdas, al menos pruébalo para disfrutar de su aspecto, es genial. Puedes ver lo bien que queda, y aprovechar para descargarlo, en la página del autor o aquí abajo mismo.

WP Cumulus Flash tag cloud by Roy Tanck and Luke Morton requires Flash Player 9 or better.

Para saber más:

por Fernando en Plugins, Wordpress.org Flash, Tags, taxonomía

http://zaragoceando.com pacog00

Muy interesante este plugin….

Lo único que no me funciona es el cambio de color de fondo, ni con el modo transparente..

La opción está perfectamente indicada en la configuración, pero ponga el color que ponga , no cambia…

Seguiré probando
http://www.metalikos.org Ishtar

Que interesante! Voy a probar!
Emiliano

interesantísimo!… me dejará poner esta nube en una página en lugar de en un widgeet????? saludos
http://fernandotellado.com/ Fernando Tellado

@Emiliano: por supuesto. Incluso incluye un widget el plugin para que sea mas fácil ponerla, y también tienes el código para incluirla en una página personalizada
Emiliano

woowww… ya me pongo a investigar! voy a ver cómo hago…… Gracias Fer!
Emiliano

mmmm… nop… ni idea de cómo hacerlo… todavía soy 1/2 bruto con el inglés y 1/2 bruto con php… así que bruto total… vos sabes cómo hacer esa nube de tags en una página… algo de idea tengo porque en una oportunidad hice un “nube.php” que anda de pelos… pero si pudiera ser con flash… pfff… de mil perillas…
http://fernandotellado.com/ Fernando Tellado

A ver, sigue este tutorial y le incluyes el código para mostrar la nube en la plantilla. Luego haces una página nueva con la plantilla, sin texto si quieres, y la publicas:

http://ayudawordpress.com/crear-una-pagina-de-archivo/

En vez del código para mostrar el archivo, como se indica en el post, pones el del plugin para mostrar la nube, como se indica en la página del autor del plugin, este:

<?php wp_cumulus_insert(); ?>

También lo puedes hacer por la vía rápida incluyendo en cualquier página o post esto:

[WP-CUMULUS]
Emiliano

Capo TOTAL…
http://www.masmoto.net/ Morgan

Yo ya lo he puesto en el lateral del blog Masmoto. Funciona de coña. Eso sí, a ver si lo tuneo un poco, que se me esconde por los laterales… xD.

¡Muchas gracias Fernando por la aportación! Eres un crack.
http://revolucionpc.es RevolucionPC

Funciona bastante bién y es super fácil de configurar, sencillo y bonito…

Gracias Fernando…
http://pitonizza.com Pitonizza

Me quedó precioso, se integró de maravilla con el sidebar. Espero no deteriore el tiempo de carga, estoy paranoica con eso. Me encantaría saber como detectar que plugin pudiera ser el “culpable” de cualquier demora en la carga de la página.
http://fernandotellado.com/ Fernando Tellado

Pitonizza, en tu caso no son plugins sino los widgets a cientos que tienes. Si usas Firefox instala el addon llamado Firebug y en el apartado Net te indica que tarda mas en cargar. En Safari y en Opera tienes una utilidad similar integrada. Mira esta serie de guías:

http://ciberprensa.com/safari-inspector-web/
http://spiderpig.es/ Raúl

Es una chulada
http://www.darkpassenger.com.ar/ Skavenger

=o
Buenisima la nube!
Pingback: Esta semana en la Web | El Blog de Joaco Vidal
http://blogaldope.hosteando.org/wordpress Devil de Blogaldope

Hola. Instalé el plugin pero no me aparece en la lista de plugins de mi blog. ¿Alguna sugerencia?

Muchas Gracias!!!
http://tlachco.tk evcorreu

yo lo habia visto con desconfianza, jejeje, ese miedo a lo desconocido creo, pero ya lo instale en un blog y funciona a las mil maravillas, ademas que se ve muy bien

graciass
http://fernandotellado.com/ Fernando Tellado

@Devil de Blogaldope: algo debes haber subido mal, no me lo explico. Lo he subido en varios blogs y va a la primera
http://zaragoceando.com pacog00

A mi tambien me dio algún problema en su día, lo mejor es borrar el directorio del pluging completo y volver a subirlo.

De esa forma ya funcionaba correctamente.
Pingback: El Blog de Joaco Vidal » Esta semana en la Web
http://elcorrectormata@hotmail.com javier

no entiendo como funciona, me podrian explicar como usarlo?
diego

ola funciona de maravilla tambien en blogger, pero tengo un pekeño problema no se ve 1 tag :S sera porq es blogger???
gracias por el post ta buenisimo

shaopp
Daniel

Hola Fernando. El efecto visual es muy bueno ¿pero al ser flash no le quita utilidad para el posicionamiento en los buscadores?

http://fernandotellado.com/ Fernando Tellado

¿Y para que quieres posicionar una nube de tags?, las tags, si posicionan, lo harán en su propia página cada una, no en la nube

Daniel

Hola Fernando, gracias por enviarme tu respuesta. Al parecer entendí mal un artículo que leí, sobre la importancia de la nube de tags. Según dices, la misma no tendría influencia alguna en el posicionamiento.

Yo pensé que la nube de tags actuaba como un menú (con links simples) hacia las diferentes secciones del blog o del sitio web y por ende tenía su importancia en el posicionamiento.
http://www.glakt.com Miguel

Hola,
¿Alguien sabe como podría personalizar el mensaje de error que aparece al usar un navegador web sin flash?

Muchas Gracias por el aporte.
Jack Bauer

Le pregunta del millón:

¿Cómo puedo usar una nube de tags en una página html común y corriente?

O sea: no en un wordpress, ni joomla, ni blogger, sinó en un html en blanco…. ¿se puede exportar la nube? ¿trasladar sin uso de iframes? ¿usar el flash en un html básico?

thanx
fxzabalam

Hola Jack, yo también estaba intentando lo que tú dices y en una página me tope con esto, y funciona, solo tienes que pegar este código:

var rnumber = Math.floor(Math.random()*9999999);
var so = new SWFObject(“tagcloud.swf?r=”+rnumber, “tagcloudflash”, “600″, “450″, “9″, “#ffffff”);
so.addParam(“AllowScriptAccess”, “always”);
so.addParam(“wmode”, “transparent”);
so.addVariable(“tcolor”, “0×004080″);
so.addVariable(“tcolor2″, “0x88abec”);
so.addVariable(“hicolor”, “0xff0000″);
so.addVariable(“tspeed”, “100″);
so.addVariable(“distr”, “true”);
so.addVariable(“xmlpath”, “tagcloud.xml”);
so.write(“flashcontent”);
fxzabalam

Perdon por el anterior comentario, aplaste el tab y se envio, retomando primero debes descargar el archivo swfobject.js y el tagcloud.swf una vez descargados ponemos este código:

var rnumber = Math.floor(Math.random()*9999999);
var so = new SWFObject(“tagcloud.swf?r=”+rnumber, “tagcloudflash”, “600″, “450″, “9″, “#ffffff”);
so.addParam(“AllowScriptAccess”, “always”);
so.addParam(“wmode”, “transparent”);
so.addVariable(“tcolor”, “0×004080″);
so.addVariable(“tcolor2″, “0x88abec”);
so.addVariable(“hicolor”, “0xff0000″);
so.addVariable(“tspeed”, “100″);
so.addVariable(“distr”, “true”);
so.addVariable(“xmlpath”, “tagcloud.xml”);
so.write(“flashcontent”);

Ahora si te fijas en esta parte so.addVariable(“xmlpath”, “tagcloud.xml”); llama a un archivo xml, en el cúal nosostros ponemos todos nuestros tags, lo que va ha salir en la nube, entonces tienes que crearte un archivo xml y poner lo siguiente:

tag 1
tag 2
tag 3
tag 4

Todos los archivos (swfobject.js, tagcloud.swf, el html y el xml) van dentro de una misma carpeta y ya se ejcuta.

El único problema que tengo es que cuando doy un click en cualquiera de los tags me da un error de seguridad de adobe y no me permite abrir los links a esos tags, si alguien sabe como arreglar eso y me puede ayudar, de antemano muchas gracias.

Ya voy a ver de donde descarge esta información y luego les pongo para una mayor información.
fxzabalam

Por favor a todos disculpen mi ignorancia, no se muestra el código que quise poner especialmente el xml.

Pero bueno aquí les dejo el link de la página en la que lei esto:

http://www.roytanck.com/2008/05/19/how-to-repurpose-my-tag-cloud-flash-movie/

Y aqui está el enlace a un ejmplo descargable:

http://www.roytanck.com/wp-content/uploads/wp-cumulus-example.zip
Natalia

Hola Fernando, tengo un blog en wordpress y me gustaría instalar la nube, pero no encuentro para subir el archivo.
Puede ser que sea porque uso el wordpress.com?, es decir, el que esta en línea, no lo tengo en ningún servidor.
Gracias por tu ayuda!

http://fernandotellado.com/ Fernando

Exacto Natalia, en wordpress.com no puedes instalar nada.

maestrodeobra

El plugin es muy chulo, pero alguien puede aclararme esta duda;
Se pueden cambiar los links del texto que aparece en el plugin para hacer un clic e ir a una página en concreto?
Muchas gracias.
MarcoFbb

De 10
Criswolf

hey!! muy bueno! gracias!
http://www.comohacerpaginasweb.es/blog/servicio-seo ventas peliculas

Siento que mi comentario no sea positivo hacia la nubes, pero su tiempo ya paso. Actualmente y a nivel de SEO, por ejemplo, las nubes de palabras no ayudan casi nada o nada en la clasificación de las SERPS. Y en encuanto a navegabiliad o usabilidad ,creo que tampoco sirven de mucho.