Logo de La Coctelera

Heatmaps en Ruby: determinando las zonas calientes de tu página

17 Ago 06

Es raro ver a un blogger español escribiendo en inglés, y más si es de Ruby, y más aún un post tan desarrollado y bien trabajado.

El caso es que en Corunet han publicado un tutorial para desarrollar un sistema de Heatmaps en tu propio site utilizando Ruby y Javascript: The definitive Heatmap [en].

Un Heatmap (yo lo traduciría por mapa de actividad en lugar del literal mapa de calor) se utiliza para saber qué puntos de una determinada interfaz son más utilizados (marcados en rojo, generalmente) y cuáles menos (marcados en colores más apagados). En este caso la interfaz es una web. Para saber un poco más mira la definición de EyeTracking [en] de la Wikipedia.

Volviendo al post y a implementar nosotros mismos un Heatmap, la idea es utilizar Javascript para realizar el seguimiento de la actividad sobre la web y Ruby y su librería de tratamiento de imágenes ImageMagick para procesar los datos y generar la imagen con las zonas calientes.

Luego sólo falta superponer la imagen obtenida con RMagick sobre la web en cuestión para ver las zonas más y menos populares.

Pero mejor ver su post, que está muy bien y muestra todo el código fuente necesario.

Por cierto, justo el otro día Jesús Encinar habló de una aplicación gratuíta que podemos incorporar en nuestra web para realizar justo los mismo: AdGreed.

6 comentarios

6 comentarios

  1. 17 Ago 2006 | 01:27 PM # David Pardo dice:

    Gracias por la reseña!

    Lo he escrito en inglés porque tiene más difusión, al menos desde mi experiencia. Los primeros posts, en español, tenían un par de docenas de visitas, frente a las casi dos mil de hoy.

    Una cosa; el sistema no utiliza RMagic, sino llamadas a ImageMagick estándar.

    Gracias de nuevo

  2. 17 Ago 2006 | 08:07 PM # javier dice:

    la cañaaaaaaaaa... voy a probarlo ahora mismo.

  3. 18 Ago 2006 | 03:55 PM # Fernando dice:

    Hola David,

    está claro que es realmente importante escribir en inglés si querernos darnos a conocer y tener mucha más repercusión. Yo es algo que quiero hacer desde hace mucho pero no veo el momento.

    Corrijo ahora mismo lo de las RMagick.

  4. 21 Ago 2006 | 12:02 AM # mamuso dice:

    La idea está genial, yo de hecho voy a hacer una pruebecilla con el código que deja David. Todo lo que sea obtener datos sobre una web va bien a la hora de analizar y corregir diseños.

    Después imagino que habrá que aprender también a relativizar los datos capturados, tenía por el del.icio.us guardado un post de hace ya tiempo sobre los problemas del eyetracking, aunque en este caso la actividad que se mide es distinta y al menos en incio más exacta.

    En cuanto a lo del inglés... me temo que a muchos les pasará lo que a mi. Lo puedo entender, lo puedo leer, pero a la hora de escribir siempre tienes el miedo de no ser sintácticamente correcto. Así que en mi caso o engaño a algún amigo angloparlante para que me repase los textos o me va a costar ponerme a escribir en un blog en inglés.

  5. 24 Ago 2006 | 09:35 PM # mamuso.net dice:

    Hace poquitos días Fernando escribía un post que hacía referencia a <a href="http://blog.corunet.com/english/the-definitive...

  6. 25 Ago 2006 | 10:05 AM # David Pardo dice:

    Has adivinado el futuro!
    El código ya usa RMagick para ser más eficiente. :)

Escriba un comentario: