Herramientas

Koego: Un sistema de estadísticas pensado en bloggers

Publicado por Claudia en Septiembre 27, 2009

Descubrí Koego hace poco más de una semana. Instalé el código de seguimiento en mi blog, me suscribí al newsletter, y me olvidé. Me dije: “De acuerdo, sólo una alternativa más a Google Analytics“.

Hace un par de días, al recibir un mail masivo del staff, volví a entrar al site: me sorprendí  los detalles de las estadísticas, y con los cambios que habían hecho para mejorar la integración con redes sociales.

koego-analytics

¿Qué tiene de bueno Koego?

En dos palabras: estadísticas exhaustivas. Entega:

  • Detalles “desmenuzados” de los visitantes: tiempo de permanencia, retorno, páginas vistas, país de procedencia, idioma, fuentes de tráfico, sistema operativo, navegador, resolución de pantalla, horas “peak”, días de la semanas en que más tráfico recibes y keywords que más visitas atraen.
  • Un puntaje “ego” (de ahí el nombre “koego”) cuya fórmula, del 1 al 100, estima el crecimiento de tu blog en base al número de visitas, número de comentarios por día y posts populares.

Además, se integra con Twitter y FriendFeed. En el caso de Twitter, puedes ver un reporte de toda tu actividad (número de tweets por día, seguidores, personas a las que sigues, usuarios más mencionados y hashtags más usados), y averiguar qué tantos retweets, replies y menciones recibes; y, en el caso de FriendFeed muestra las actualizaciones más comentadas y votadas.

Koego está en fase beta abierta. La única posible desventaja, es que está sólo en inglés. Sin embargo, ello quizás no sea un gran problema, porque el sitio es realmente amigable (colorido y bien organizado) y fácil de usar. No me atrevo a reemplazar totalmente Analytics por Koego (al menos por ahora), pero no cabe duda de que puede llegar a ser un buen sustituto.

Redes y marcadores sociales

Instala Fbshare para compartir posts en Facebook

Publicado por Claudia en Septiembre 22, 2009

boton-compartir-facebookHoy me sorprendió ver un nuevo y llamativo botón para compartir entradas en Facebook en algunos de los blogs anglo que leo. Es una versión mejorada de la función “compartir“, con un contador que muestra el número de veces que han enviado tus enlaces a Facebook.

El servicio es provisto por fbshare.me, un sitio que no está relacionado con Facebook.  Por supuesto, no es coincidencia que se vea como el botón de Tweetmeme: la inspiración nace de ahí.

Puedes instalarlo usando el plugin (en Wordpress), o en forma manual. Si usas Blogger, puedes instalarlo del siguiente modo:

1. Buscando el cuerpo de los posts en la plantilla, en la edición de HTML:

<data:post.body/>

2. Copiando y pegando justo arriba:

<div style='float:right; margin-left:10px;'>
<script>var fbShare = {
url: '<data:post.url/>',
}</script>
<script src='http://widgets.fbshare.me/files/fbshare.js'></script>
</div>

Por defecto, el código anterior muestra la versión “grande” del botón, y usa la API de fbshare.me para generar enlaces cortos. Puedes ver más opciones de configuración en el sitio oficial.

Vía | The Next Web, Cheth Studios, >El Mosquitero

Tags:
Herramientas, Iconos

Kingstyles: Crea botones online, pero con resultados estéticos

Publicado por Claudia en Septiembre 20, 2009

Kingstyles es un práctico generador de botones, íconos y banners estilo web 2.0. Puedes elegir el tamaño, los colores y agregar decenas de formas (o shapes), gradientes y fuentes.

El resultado es simple, estético, muy cercano a los botones que puedes crear en Photoshop. Algunos ejemplos:

botones-web1

botones-web2

Sorprendente que puedas hacer eso con un generador, ¿no?

Vía | Appuseful

Wordpress themes

Core: El nuevo theme Wordpress de Brian Gardner

Publicado por Claudia en Septiembre 18, 2009

Brian Gardner es uno de los diseñadores de temas para Wordpress más renombrados. Si no lo conoces, probablemente escuchaste hablar de la serie premium Revolution (en alianza con Jason Schuller), o de su site de themes premium Studiopress.

Hoy, como en sus inicios, nos sorprende con Core, un theme gratuito de su autoría. Visualmente, es simple, sobrio, limpio, con la misma elegancia del estilo minimalista de muchos de sus diseños.

core

Core está disponible para descargar en el directorio de themes de Wordpress.org (bajo licencia GPL). Si miras el demo, quizás te decepciones un poco; pero, si descargas el theme, es probable que te sorprendas. No lo he probado, pero, según cuenta Brian Gardner en su blog, tiene un bloque de opciones SEO, y puedes elegir mostrar 1 ó 2 columnas en la barra lateral. Además, incluye una serie de archivos PSD (el logo viene ahí), breadcrumbs, y soporta múltiples lenguajes.

Puedes leer más en su blog. Según dice, está trabajando en una nueva versión de Core a partir del theme original, y y piensa lanzar su hoja de estilos junto a un número de stylesheets adicionales. O sea, hay Core para rato.

Tags: ,
Blogger

Blogger permite que muestres tu avatar en los comentarios

Publicado por Claudia en Septiembre 17, 2009

blogger-gravatar

Blogger nos sigue sorprendiendo en su cumpleaños. Hace pocas horas han anunciado en Blogger Buzz que ahora es posible mostrar avatares en los comentarios, muy al estilo gravatar.

¿Cómo funciona?

Los avatares sólo son visibles para quienes comentan usando su perfil de Google; vale decir, para quienes han creado una cuenta en Blogger, la tienen habilitada y han añadido una imagen a su perfil. Según muestran en Buzz, si es la primera vez que comentas en un blog de Blogger, aparecerá una caja como la siguiente para cargar tu foto desde el escritorio.

addimage

Si ya eres un usuario antiguo, no tienes que hacer nada. Es probable que veas tu avatar en los comentarios antiguos.

Habilitando en plantillas antiguas

Revisando plantillas que adapté en base a Mínima en mayo y julio de este año, me di cuenta de que no mostraban mi avatar. Si tienes una plantilla creada antes de esos meses, lo más probable es que tengas que añadir algunas líneas de código. ¿Cómo saberlo? Simplemente busca la palabra “avatar” en la edición de HTML de la plantilla, con los . Si no aparece, sigue estos pasos (siempre con los artilugios expandidos, y con ayuda del buscador de tu navegador):

1. Reemplaza:

<dl id='comments-block'>

por:

<dl expr:class='data:post.avatarIndentClass' id='comments-block'>

2. Un poco más abajo, busca:

<a expr:name='data:comment.anchorName'/>

agrega debajo:

<b:if cond='data:blog.enabledCommentProfileImages'>
<data:comment.authorAvatarImage/>
 </b:if>

Guarda los cambios.

¿Y los estilos?

Por defecto, las propiedades en CSS para el avatar, son las siguientes:

#comments-block .avatar-image-container img {
border:1px solid #CCCCCC;
float:right;
}

El avatar tiene siempre 35×35 píxeles, y no puedes cambiar su tamaño, ni su posición (aparece como float:right, pero flota siempre a la izquierda). Lo único que puedes cambiar, es el borde y el padding de la imagen.

Concluyendo, es lamentable no poder hacer más cambios en los estilos, pero es un cambio que significa muchísimo para la plataforma, aunque no llegue nunca a soportar gravatar y sólo sea útil para los comentaristas con perfil de Blogger habilitado.