Resultado de etiquetas “blog”

Debí perderme lo mejor del BlogDay 2009. Esta es una versión, por un grupo de bloggers peruanos, de la canción We didn't start the fire (Nosotros no empezamos el fuego) de Billy Joel.

La letra no tiene desperdicio y cualquiera que haya seguido algunos blogs puede entenderlo muy bien.

El vídeo.

funnel comentarios

Dejar un comentario

Cuando nos explicaron el funcionamiento de los Goal Funnel o embudos de objetivos, enseguida quise jugar con ellos. Pero, ¿Qué es un objetivo en un blog? ¿Qué puedo considerar como conversión?

En un principio pensé en suscribirse al RSS, pero eso ya lo puedo ver con FeedBurner de una forma mucho más fiable. Me pareció interesante marcar como objetivos del blog dejar un comentario, usar el formulario de contacto y navegar por el histórico de entradas.

funnel contacto

Usar el formulario de contacto

Dejar un comentario

Este objetivo me permite detectar si los lectores tienen dificultades para dejar comentarios. Los puntos de entrada pueden ser: desde un post se hace el comentario o desde un post se hace el comentario con errores y se reintenta o abandona. En el gráfico se puede observar cómo abandonaron 4 de los 5 usuarios que fallaron en el intento de comentar. Esto es un problema, tengo que mejorarlo para que el error no persuada a la gente de dejar su opinión.

funnel anteriores

Navegar por el histórico de entradas

Usar el formulario de contacto

Con la misma utilidad que Dejar un comentario, además me permite añadir como un paso más el formulario. Así puedo ver desde que página decidió entrar en el formulario de contacto y si lo abandonó sin intentarlo o al obtener un error.

Navegar por el histórico de entradas

Es mi favorito. Es muy útil para averiguar si el blog les despierta suficiente interés a los nuevos visitantes como para navegar por el histórico de entradas. También sirve para comprobar si los usuarios que vuelven se entretienen en comprobar posibles entradas que se publicaron desde su última visita. El objetivo se cumple cuando alguien desde la portada navega por entradas anteriores hasta la cuarta página. Lo interesante es conocer cuánto están dispuestos a ver. Si abandonan en la segunda página, la tercera. Es curioso que en el gráfico se note que todos los que visitaron las entradas anteriores llegaron hasta la cuarta página.

¿Por qué no el rss?

Sólo se me ocurría añadirlo como objetivo detectando que se pincha en el enlace, pero eso no asegura nada. Se puede pinchar en el enlace y no suscribirse. Además, alguien se puede suscribir sin pinchar en el enlace.

pagina 404

Hace tiempo que creé mis páginas de error 404 propias y necesitaban un repaso. Aprovechando que hurgaba en ellas me pregunté si podría usar Google Analytics para medir la eficacia mis páginas de error. Comprobar si estas páginas ayudan a los usuarios a encontrar el contenido que buscan y permanecen en el blog o, si por el contrario, prefieren abandonar la página.

Como primer paso he optado por añadir el widget de Google que sugiere páginas alternativas y una caja de búsqueda. Además, he insertado el módulo de entradas más vistas como sugerencias adicionales. La intención es, no sólo informar al usuario de que se ha producido un error, si no dar, además, alternativas lo más atractivas posible. Ahora, ¿cómo evalúo la experiencia del usuario en estas páginas?

Una práctica muy interesante y extendida que nos proponen desde la propia ayuda de Google Analytics es el seguimiento de los clics salientes (outbound/outgoing links). Con esto podemos, de forma manual, recoger los datos sobre los enlaces que llevan fuera de nuestra web.

Podemos usar esta información para averiguar qué tipo de información adicional tiene más éxito entre nuestros lectores. Así podemos hacer por incorporar más información a nuestro blog o añadir más enlaces externos de este tipo. En contra de lo que pueda parecer, los enlaces externos enriquecen el blog. Es mejor que nos recuerden por "allí siempre encuentro enlaces interesantes" a que sea por "¡uf! Te habla un poco y luego te tienes que buscar la vida".

Para conseguirlo es tan fácil como añadir una llamada a trackPageview en los enlaces salientes. Es recomendable ponerlo en el evento onclick, para evitar que afecte al funcionamiento normal de los enlaces. Las arañas podrán seguirlo y, en caso de error o no navegarse con javascript, el enlace continuará funcionando. Si el enlace nos lleva a http://www.ejemplo.es el resultado final será:

<a href="http://www.ejemplo.es" onClick="javascript: pageTracker._trackPageview ('/outgoing/ejemplo.es');">

Por suerte, en todos mis enlaces externos uso un class especial (out) para añadir un icono en el propio link. Añadir esta funcionalidad a mi blog ha sido tan fácil como incorporar al final de la página el siguiente código javascript:

<script type="text/javascript">
labels = document.getElementsByTagName("a");
for( var i = 0; i < labels.length; i++ ) {
if( labels[i].className == 'out') {
labels[i].onclick = pageTracker._trackPageview('/outbound/'+this.href.replace("http://","").replace("https://",""));
}
}
</script>

El script simplemente recorre todos los tags <a> y comprueba que tengan out en el class. A los que cumplen la condición, les añade la llamada a trackPageview en el evento onclick pasándole como parámetro /outbound/ seguido de la url de destino sin http:// ni https://.

Con mi reciente interés por la analítica web estoy incorporando al blog cambios básicos muy extendidos entre los que conocen este mundo. También estoy reinventando la rueda. Últimamente no dejo de experimentar, con mayor o menor éxito, ideas que acaban teniendo aplicaciones de dudosa utilidad. No por eso dejan de ser interesantes y podrían llegar a serle útil a alguien. Para esto he decidido crear una colección de entradas (posts) reuniendo tanto las prácticas habituales como de los resultados de los experimentos que voy realizando. Como esas pruebas se salen de las prácticas normales las reuniré bajo el nombre de hacks en la categoría Hack Google Analytics.

Hace mucho tiempo que convertí las categorías del blog en etiquetas. Versiones más recientes de Movable Type permiten usar etiquetas y categorías a la vez. Aprovecho también esta ocasión para recuperar el uso de las categorías en el blog.

formulario de comentarios

Al hacer un comentario en un blog es muy útil elegir recibir notificaciones por correo cuando alguien deje otro. De esta forma podemos despreocuparnos y seguir al tanto de lo que se comenta sobre el tema y las opiniones de los demás.

En otros sistemas de gestión de contenidos (por ejemplo WordPress) esta funcionalidad está disponible y basta con activarla. Para Movable Type he decidido instalar el plugin MT-Notifier. Desde ahora, al hacer un comentario en cualquier entrada, está disponible la opción de suscribirse por correo a los nuevos comentarios que se hagan.

El plugin es fácil de instalar y añadir la nueva opción al formulario de los comentarios es muy simple. Basta con insertar el código recomendado en la documentación en la plantilla de comentarios. Me he entretenido en tocar el código para permitir que los correos enviados sean en formato HTML en vez de texto plano y que soporte UTF8. Esto lo hace más bonito, aunque no es necesario. Vicio de programador el andar tocando aquí y allí. Por otro lado me he divertido también modificando las plantillas para adaptarlas a mi antojo. Lo que sí hay que hacer es traducir los textos. Es posible que haya un archivo para español, pero puestos a tocar, no me entretuve en buscarlo.

Por fin me he arremangado y he hecho un 'archivo de entradas anteriores. Ahora quién entre en la portada del blog y quiera ir leyendo las entradas hacia trás, le basta con ir pinchando en anteriores. Ésta es una forma cómoda de ir navegando cronológicamente por el blog.

Lo que más me gusta de MovableType es que todo queda publicado en un simple HTML estático. Hace que, pese a las limitaciones de mi servidor virtual, el blog funcione bastante rápido. Lo malo es que para determinadas cosas se vuelve engorroso. Hasta ahora he conseguido equilibrar el esfuerzo/resultado combinando el HTML generado por MovableType con código PHP. Así he conseguido generar estáticamente los resultados para las etiquetas (tags) y ahora para las entradas anteriores.

Explicado rápido, la forma de generar las entradas anteriores es la siguiente:

  1. Se genera desde MovableType un archivo mensual en un directorio intermedio. Un directorio con el único fin de intercambiar datos. El formato de estos archivos es un tanto especial para el proceso siguiente.
  2. Al publicar una entrada cualquiera se hace (por defecto) un ping a una página PHP que gestiona las entradas anteriores.
  3. El archivo PHP, al recibir el ping, toma los datos del directorio intermedio, los procesa y genera las páginas finales.

Lo interesante de este sistema es que toda la carga se produce en el momento de publicar la entrada. Navegar por el archivo entradas anteriores no tiene gran coste al ser páginas estáticas. Aprovechando esta nueva navegación, he reducido los resultados de la portada de 10 a sólo 5. Ahora carga más rápido, consume menos ancho de banda, no es una página tan larga (casi nadie baja hasta pie) y el enlace a siguientes le permite a quien quiera seguir leyendo más.

Las entradas anteriores, las relacionadas y las etiquetas en "estático" eran las tres cosas que llevaba mucho tiempo queriendo conseguir en el blog.

blog-para-2---1

En cuanto vi el anuncio del blog pensé en ponerlo en mi loft. Esto de los blogs está tan de moda y la gente pasa tanto tiempo en ellos que parece que viven allí.

Seguramente hasta tenga una explicación. ¿Significa algo "blog"? ¿Lo han hecho para que dé más que hablar? ¿Será un simple error?

Yo me he reído un rato y me sirve para usar por primera vez la etiqueta WTF (What the Fuck, "¡Pero qué narices!").

Nunca me ha entusiasmado la tendencia de decir que narices hago en cada momento. Mi sed de egocentrismo está saciado con el blog, pero el micro-blogging está teniendo tanto éxito entre la gente que habrá que probarlo. Por el momento ya me he dado de alta en Twitter y ya veremos lo que duro o si me termino enganchando.
Una forma cómoda para obtener los enlaces a otras entradas con las mismas etiquetas y sacar una lista de posibles relacionadas en MovableType:

<div class="entry-related">
<h4 class="entry-related-header">Otras entradas relacionadas:</h4>
<ul class="entry-related-list">
<MTSetVarBlock name="currentid"><$MTEntryID$></MTSetVarBlock>
<mt:EntryTags>
<MTSetVarBlock name="tag"><$MTTagName$></MTSetVarBlock>
<MTEntries unique="1" tag="$tag" lastn="2">
<mt:if tag="EntryID" ne="$currentid">
<li><a href="<$MTEntryPermalink$>"><$MTEntryTitle$></a></li>
</mt:if>
</MTEntries>
</mt:EntryTags>
</ul>
</div>

Así tendremos una lista de enlaces con dos entradas (como máximo) por cada etiqueta que hayamos puesto, sin incluir la entrada actual y sin duplicados.
1   2   3   4   5