Widgets para mostrar la interacción de los usuarios en nuestros sitios web

A quienes tenemos sitios web, en determinados casos, nos gusta añadir widget que muestra la interacción de nuestros usuarios con nuestros propios sitios. A continuación os vamos a mostrar una serie de widgets de Chartbeat que podemos incluir en nuestros sitios web, y que según éstos, en algunos casos será algo más complejo de incrustar que en otros, aunque en cualquier caso no nos hará falta disponer de altos conocimientos técnicos para añadirlos en las estructuras de nuestros sitios web.

Visitantes activos

El dial de visitantes activos en un widget personalizable en cuanto a su color, tamaño, frecuencia de actualización y etiqueta, que nos muestra a través de un dial el número de visitantes activos en todo nuestro sitio web. Para hacer uso de este widget, necesario disponer de proxy para las peticiones de la API.

Visitantes activos numéricos

Muestra de forma numérica el número de usuarios activos en todo el sitio o en una página en concreto, ya sean todos los usuarios, sólo los nuevos, los habituales o la actividad.

Mapa de visitas entrantes


Se trata de un mashup de Google Maps con la llamada a la API «recent» de Chartbeart, donde se muestra las ubicaciones fí­sicas de los usuarios disponibles junto con las páginas en las que están situados. Se trata de código abierto. Existe una demostración en directo.

El gran panel


Se trata de un panel donde irán apareciendo, y según el tráfico que reciban, cambiando de orden, los artí­culos más destacados de cualquier publicación. También es de código abierto y por supuesto, existe una versión demo.

El widget de las páginas más destacadas

Es un widget cuya única misión es mostrar las páginas visitadas de nuestro sitio, permitiendo mostrar la cantidad de ellas a mostrar.
También podemos ir a la página de widgets de Chartbeart donde podemos encontrar widget que por ejemplo nos permita mostrar mediante widgets las visitas recientes y las referencias obtenidas. O si queremos empezar algo desde cero, podemos registrarnos y obtener nuestra propia clave API.
Ví­a: Chartbeat

randomtext.me – Un sofisticado generador de texto aleatorio


En randomtext.me tenemos un proyecto que permite a los diseñadores y programadores obtener rápidamente textos aleatorios en varios formatos.
HTML, listas, párrafos, encabezados… solo tenemos que configurar lo que necesitamos en el menú lateral y pegar el resultado en nuestras páginas web, siendo una buena forma de hacer los tests necesarios antes de dar por concluí­do el proyecto.
Es posible también usar su API, así­ como obtener los textos deseados usando la url del servicio (randomtext.me/lorem/ul-10/5-10/, por ejemplo, genera listas de 10 elementos con 5 a 10 palabras cada una).
Un generador de textos que va más allá de los tí­picos lorem Ipsum, ofreciendo lo que realmente necesitamos en los trabajos de creación.

inspectlet – Moderna forma de saber lo que los lectores hacen en tu web


En inspectlet.com tenemos un servicio, no gratuito, que nos permite ver en tiempo real no solo lo que nuestros lectores están visitando, sino también sus movimientos del ratón, textos que incluye y otras acciones en la web.
La idea no es nueva, crear mapas de calor y generar ví­deos con las acciones de algunos usuarios de muestra es algo que lleva mucho tiempo haciéndose (ghostrec y clicktale son dos opciones bastantes conocidas), aunque en este caso se añaden estadí­sticas más tí­picas de un Google Analytics que de un rastreador de movimientos.
No existe opción gratuita, aunque dispone de algunos dí­as de prueba sin compromiso y de pagos proporcionales a las visitas recibidas.

sendlove.to – Deja que tus lectores voten a los personajes famosos de los que escribes


sendlove.to es un original proyecto que permite integrarse en nuestros sitios web en forma de extensión.
Una vez instalada, encontrará nombres de personajes famosos en nuestros textos y los marcará para que los lectores puedan votarlos de forma positiva o negativa, alimentando una base de datos de información con opiniones de miles de usuarios de todo el mundo.
La idea es conseguir que la audiencia de varios sitios web participen de encuestas en las que se destaque la popularidad de ciertos personajes, permitiendo que los resultados puedan ser consultados por cualquier persona.
Ideal para blogs de prensa rosa y sitios de opinión polí­tica.

Boomerang para Gmail ahora también para navegadores web móvil

No cabe duda de que GMail es uno de los mejores servicios de correo electrónico que tenemos en la actualidad, y que a través de los diferentes plugins que han ido apareciendo, han mejorado nuestra experiencia de usuario. Uno de estos plugins es Boomerang para GMail, disponible tanto para Firefox como para Google Chrome, añadiendo funciones extras a nuestra cuenta de GMail la cual la hace más interesante de usar.
El problema es que con el auge de los terminales móviles con acceso a Internet, no podemos añadir funciones extras que tenemos disponibles a través de navegadores web de escritorio. Es por ello que Boomerang ha lanzado su aplicación móvil para GMail, de manera que cualquier usuario puede acceder a esta aplicación, identificarse con su cuenta de GMail y usar su servicio de correo electrónico con las funciones extras como las que tienen a nivel de escritorio.
Programar el enví­o de cualquier mensaje de correo electrónico, revisarlo, establecer recibir mensajes de vuelta e incluso indicar como debe ser marcado son las opciones que nos podemos encontrar en esta aplicación móvil, accesible a través de los llamados teléfonos inteligentes.
Ví­a: TNW

Layers for publishers – Una nueva forma de mostrar contenido en nuestro sitio web


Layers, la empresa liderada por Marcos Cuevas que ya hemos comentado en algunas ocasiones, lanza ahora Layers for Publishers, creada para quien publica contenido en la web y ayudando a dar más visibilidad y una mayor accesibilidad a sus textos.
Para instalarlo en nuestra web tenemos que configurar el stream de contenido que queremos mostrar en nuestra página, generar un código y pegarlo en el head del código html de la página web, mostrando noticias anteriores de nuestro portal y permitiendo que los usuarios puedan compartir los contenidos que les interesan en sus cuentas de Facebook y Twitter.

Layers for Publishers es especialmente útil para las redes de blogs o grupos de comunicación que cuentan con varios soportes en Internet. No importa cuántas publicaciones o blogs tengas, Layers for Publishers permite incluir el contenido de las diferentes páginas en un único canal, permitiendo unificar el contenido de la red y derivando al usuario de un site a otro. El publisher puede configurar Layers for Publishers para crear diferentes streams para cada categorí­a de la red de blogs o con el objetivo de derivar tráfico a sites en los que monetizar es más fácil.

También ofrece la opción de poder monetizar sites permitiendo la presencia de publicidad que se mostrará de forma intercalada en el stream entre los tweets, posts de de Facebook y el resto de actualizaciones del site.

Ahora tus post en WordPress.com también en tus páginas de Facebook


Publicí­tate es una opción que tenemos los usuarios de blogs bajo WordPress.com que nos posibilita publicar los contenidos de nuestros post también en otras plataformas con miras a recibir más tráfico desde las mismas, pudiendo añadir mensajes personalizados. Por ahora, nos permite conectar con una serie de servicios, como en nuestros muros personales o en nuestras cuentas de Twitter, entre otros, elección que podemos hacer siempre y cuando previamente hayamos conectado nuestro blog de WordPress.com con dichos servicios a través de la opción de compartir..
Publicí­tate añade ahora la posibilidad de publicar en una de nuestras páginas de Facebook, con lo que para ello deberemos de conectar nuestro blog con nuestra página de Facebook en cuestión por la cual a partir de ahora queremos que allí­ también se reflejen nuestras publicaciones. Eso si, sólamente podemos elegir entre publicar en nuestro muro o en una de nuestras propias páginas.
Desde ReadWriteWeb analizan este hecho, el de llevar las publicaciones automáticas a estas plataformas, analizando los posibles inconvenientes que podrí­a conllevar tener este «piloto automático» de publicaciones, llevando un par de ejemplos de sus inconvenientes frente a las ventaja de las publicaciones manuales en dicha plataforma.
Ví­a: RWW

Nabble – Para "incrustar", en cualquier página web, foros, listas de email, galerí­as de fotos, etc.


Frecuentemente tenemos la necesidad de ofrecer un foro a nuestros lectores, si es posible dentro de nuestra página web, para evitar que tengan que salir de la misma y usar la nueva aplicación.
Esta necesidad puede surgir también con otras aplicaciones, como galerí­as de fotos o listas de artí­culos, por ejemplo.
Pensando en ello, Nabble ofrece aplicaciones que pueden incluirse dentro de cualquier página web, facilitando el trabajo de los propietarios del sitio.
Podéis ver un ejemplo en el foro del blog de viajes hombrelobo.com. Eduardo, el responsable por él, nos comenta su experiencia:

Hace tiempo me surgió la necesidad de colocar un foro en hombrelobo, ví­deos de viajes para que los usuarios del sitio pudieran intercambiar información. Probé varios plugins para wordpress, Incluso uno de ellos lo tuve conectado un par de meses, pero todos daban problemas y requerí­an mucha atención.
Entonces encontré Nabble, un servicio que permite crear un foro. Pero no solo eso, sino que el foro creado se puede «incrustar» en cualquier página web, para que parezca parte del sitio donde está incrustada. Y ya puestos, con una pequeña modificación en los DNS del sitio, se puede hacer que los foros de nabble creen URLs independientes para cada comentario con la dirección de nuestro sitio. Por ejemplo, así­ queda el foro incrustado en mi sitio: Foros de hombrelobo.
La forma más sencilla que conozco de colocar un foro en un sitio. En cualquier sitio. Permite la moderación por correo y mil cosas más. Y es gratuita. Muy recomendable.

La versión antigua de Nabble puede encontrarse en old.nabble.com, donde cualquier usuario podí­a crear foros sobre cualquier tema.

QuBit OpenTag – sistema de gestión de etiquetas para scripts en sitios web


Una de las causas que pueden ralentizar la carga de cualquier sitio web puede deberse a los numerosos scripts que están corriendo en su interior, y que en muchos casos, hasta que no termine la carga de uno no empieza la carga de otro script.
Para ganar en eficiencia en la carga, reducir el número de scripts, disponer de mayor control de qué script se ejecutan y decidir qué se ejecuta y que nose ejecuta en el interior de cualquier sitio web, tenemos a QuBit OpenTag, un sistema de etiquetado de scripts que irán ubicados en diferentes contenedores virtuales, donde se almacenarán tanto los scripts como los códigos de incrustación de elementos, con el fí­n de tener mayor control sobre ellos, teniendo también para ello acceso a las estadí­sticas.
QuBit OpenTag es una herramienta que podemos instalar en nuestros propios servidores, de código abierto, aunque también podemos optar por la solución alojada online, tanto la opción Service como la Opción Pro, cada una de ellas con sus correspondientes caracterí­sticas, siendo la primera en principio gratuita, aunque en ambos casos hace falta introducir los datos de las tarjetas de créditos para trabajar con ellas, como ya os decimos, también con la opción Service, que en principio es gratuita.

FF Subsetter – Optimiza las fuentes web


Cualquier medida encaminada a optimizar la carga de cualquier sitio web siempre será bienvenida. En caso de que nuestra web utilice otras tipografí­as diferentes a las que están instaladas en nuestros ordenadores, durante la carga de nuestra web, se descargará estas tipografí­as para ser mostrada en nuestro navegador a la hora de renderizarla.
Es por ello que los archivos correspondientes a estas tipografí­as también debe ser objeto de optimización, trabajo que se encargará de realizar FF Subsetter. Se trata de una herramienta en la que le entregaremos nuestra fuente web para que ella se encargue de optimizarla eliminando caracteres innecesarios entre otras cosas, ofreciéndonos la descarga de la misma de manera optimizada, indicando el porcentaje de optimización efectuado.
Si no tenemos una tipografí­a web con la que empezar, tenemos una página de donde poder bajarnos algunas de ellas y empezar a optimizarlas. FF Subsetter trabaja tanto con archivos .eot como con archivos .woff.