Iván Mendoza

Hace unos días terminé de leer Defensa Propia de Benedetti, y hoy hice dos reseñas para Lectores Chapines de Flores para Algernon de Daniel Keyes y La guerra de los capinegros de Francisco Pérez de Antón.

¿Tú qué libros estas leyendo?

Una de las cosas que más me gusta de Twhirl es que te permite usar una ventana diferente para cada cuenta de Twitter, lo malo es que no ayuda a mantenerlas ordenadas. Para eso encontré una solución muy simple y que funciona en Windows:

Si has usas Twhirl con al menos tres cuentas tendrás algo como esto cada vez que las usas

Para ordenarlas, ve al menú de inicio presiona la tecla [Ctrl] y sin soltarla haz click en cada ventana de Twhirl.

Luego presiona el click derecho y en el menú selecciona mosaico vertical.

Y listo, Windows te ordena las ventanas en tres columnas.

Un tip rápido y que quizás muchos conocían pero que no esta demás recordarlo.

Así es como un grupo de pepianeros cumplen su palabra, después de mucho insistir, claro esta.

Todo surgió luego de la primera reunión T2T en donde nos reunimos varios twitteros guatemaltecos, pepianeros incluidos, en donde don @jorgemas se lanzó con una arriesgada oferta: la próxima reunión sería con pepián.

La cita para la próxima reunión es el 8 del 8 (agosto) y te puedes apuntar en Pepian 4 Twitters para recibir toda la información del evento.

¿Pepián?

El pepián es el nombre  de un blog guatemalteco escrito por guatemaltecos que se dedican a [des]informar diariamente sobre entretenimiento y noticias del mundo.

Nah! en realidad El pepián si es un blog pero su significado oficial y mundialmente aceptado se refiere a un plato de comida típica guatemalteca que incluye carne, papa, arroz y otra gran cantidad de ingredientes, y es realmente delicioso.

Si te apuntas por allá nos vemos

Imagen por Rudy Girón, bajo licencia CC-BY-NC-SA 3.0

A veces no sabes que música escuchar y la opción fácil es elegir todo y presionar Shuffle (aleatorio) con riesgo de escuchar cualquier canción y no siempre es lo que quieres.

En Winamp solucionas ese problema haciendo una búsqueda personalizada para filtrar cierta música y luego puedes usar Shuffle sin riesgo de encontrar sorpresas.

Filtrar un genero de la lista de música

Para mostrar toda la música excepto Hip-Hop la búsqueda es:

?!(genre has hip-hop)

• ? para hacer la búsqueda personalizada.
• ! para decir NO.
• (genre has hip-hop) para seleccionar toda la música del genero Hip-Hop.

En resumen le dices NO a toda la música de HIP-HOP. Solo funciona si tu música esta bien etiquetada, en este caso con genero hip-hop.

Selecciona una era

No será la primera vez que lo mencionó pero soy un fanático de la música grunge y justo así fue como llegue a las búsquedas personalizadas: Creando una playlist de toda la música grunge del 89 al 98.

?(genre has grunge) AND (year >1989) AND (year < 1998)

Seleccionar la mejor música

Para elegir la mejor música solo basta seleccionar toda la música con 3 o más estrellas en el Rating. Para que funcione debes tener algunas canciones con rating.

?(rating >=3)

Smart View

Una smart view, o vista inteligente en español, no es más que una búsqueda personalizada guardad, eso quiere decir que al crearse queda fija dentro del panel lateral de Winamp, bajo Local Media.

Para crear una smart view solo haz click con el botón derecho del mouse sobre Local Media en el panel lateral de Winamp y selecciona Add smart view… en el menú.

Luego presiona el botón de [+] para ir creando tus propios filtros. Si prefieres hacerlo escribiendo en lugar de usar las el asistente selecciona Advanced mode.

Cuando este listo podrás ver tu smart view y usarla cada vez que quieras. Ahora sé por qué me gusta tanto Winamp

Uno de los pendientes que tenia desde hace varios días era actualizar el blog, pero no solo con contenido sino cambiarle un poco el diseño. Hoy fue un buen día para hacerlo y esta listo el lavado de cara de ivanmendoza.net

Desde que me enteré de que Google Analytics permite registrar eventos (event tracking) con Javascript he tenido ganas de probarlo. Hace unos días tuve la oportunidad de hacerlo para detectar el uso que dan los visitantes a easySlider (un panel deslizante hecho con jQuery).

Para hacerlo tuve que modificar el código un poco y aprovechando les dejo el tip de cómo lo hice para que se ahorren unos minutos cuando tengan que hacerlo. Antes de empezar, easySlider es esto:

y este tip es para tener un registro de cuantas veces han hecho click en el botón de siguiente o anterior (las flechas a los lados).

¿Qué necesitas?

• Una cuenta de Google Analytics y el código instalado en la página web. Importante: tienes que usar el “nuevo” código ga.js y no urchin.js
• Tener instalado easySlider en la página, eso incluye jQuery para que easySlider funcione. Para poder modificar easySlider debes usar la versión sin comprimir (el archivo de descarga incluye dos versiones).
• Un editor de texto para modificar código javascript de easySlider.

¿Cómo conseguir que Analytics detecte eventos?

Lo primero es averiguar cuál es el nombre del objeto que esta usando Google Analytics. Si usaste el código que Google te ofrece por defecto tendrás algo como esto:

y el objeto es pageTracker. La forma de avisarle a Analytics que se activo un evento es usando la función _trackEvent que tiene tres parámetros básicos aunque puedes añadir más.

pageTracker._trackEvent(“categoria”, “accion”, “etiqueta”, “valor”);

En resumen los tres primeros parámetros son para clasificar el evento: categoría es el más general, seguido de la acción (qué evento es) y por último etiqueta con la información del elemento. El resto de parámetros son valores que se pueden enviar como información extra.

Para easySlider solo use los tres primeros y la función queda así:

pageTracker._trackEvent("Homepage_Slider", "Navigate", "Next");

Modificar easySlider para disparar los eventos

Modificar easySlider para lanzar el evento de siguiente y anterior es bastante sencillo, solo debes buscar el siguiente código en el archivo easySlider.js y añadir algunas líneas.

$("a","#"+options.nextId).click(function(){
animate("next");
if (t>=ts) $(this).fadeOut();
$("a","#"+options.prevId).fadeIn();
});
 
$("a","#"+options.prevId).click(function(){
animate("prev");
if (t<=0) $(this).fadeOut();
$("a","#"+options.nextId).fadeIn();
});

Ese código es el que usa easySlider para hacer el cambio de información, justo debajo de la función de animate debes agregar la llamada a _trackEvent para  que Analytics registre el evento. Como precaución incluí la función dentro de un If que revisa el objeto pageTracker.

$("a","#"+options.nextId).click(function(){
animate("next");
if(pageTracker){
pageTracker._trackEvent("Homepage_Slider", "Navigate", "Next");
}
if (t>=ts) $(this).fadeOut();
$("a","#"+options.prevId).fadeIn();
});
 
$("a","#"+options.prevId).click(function(){
animate("prev");
if(pageTracker){
pageTracker._trackEvent("Homepage_Slider", "Navigate", "Previous");
}
if (t<=0) $(this).fadeOut();
$("a","#"+options.nextId).fadeIn();
});

Listo, con esos cambios Google Analytics registrará cada click que hagan tus visitantes en los botones de siguiente y anterior.

Revisar los registros

Esta es la parte aburrida porque tenes que esperar a que Google Analytics actualice sus datos. Cuando esto suceda podrás ver las estadísticas en la pestaña de Content > Event tracking (Contenido > Seguimiento de eventos) y te mostrará algo como esto

Gráfica de la interacción de los visitantes con easySlider

Tabla del total de eventos y la cantidad de eventos por elemento (label). Como era de esperarse la gente usa más el botón Next (17 clicks) que el botón Previous (5 clicks).

El seguimiento de eventos de Google Analytics se puede utilizar para muchas cosas más, este es solo un pequeño ejemplo, y puedes aprovechar esta opción para llevar registro de cómo usan los visitantes una página web más allá de las paginas visitan.

Encuentras más información de Event Tracking en la guía oficial de Google Analytics: Event Tracking Guide (inglés).

Aclaración: Las modificaciones de este ejemplo son de la última versión publicada de easySlider y no los he probado, en mi caso trabaje con la versión anterior 1.5 de easySlider que varia un poco.