Do not speak Spanish? Read this post in English.

Jueves, 02 d julio d 2015.

BootBoard: Crea dashboards de Google Analytics profesionales (y gratis) en minutos

Son las 0:01 y ya puedo decir oficialmente que es mi cumpleaños! :)

Como lo de pediros un regalo a todos es un poco abusivo (aunque sabéis que links que incluyan la palabra mallorca siempre son bien recibidos 😉 ) lo que he querido es hacerle yo un regalo a la comunidad. Así que hoy os presentamos BootBoard: un sistema muy sencillo con el que crear dashboards de Google Analytics totalmente a tu medida tan solo escribiendo HTML para darles estilo.

bootboard

¿Qué es BootBoard?

Básicamente es la unión de varias APIs en un codigo común: Bootstrap, Google Analytics, Google Charts y Jquery para darle forma a todo. Con eso lo que se genera es un sistema de plantillas capaz de conextarse a tu cuenta de Google Analytics, extraer sus datos y mostrarlos de forma gráfica en un sencillo pero elegante dashboard.

¿Que ventajas me ofrece?

Como detallamos en la propia web, las ventajas son las siguientes:

  • Es totalmente gratuito y sin limitaciones. Los limites los pone la propia API de Google Analytics.
  • Es ligero y compacto. Tan solo necesitas una plantilla HTML y un archivo JS para hacerlo funcionar.
  • Es realmente versatil en sus consultas, mucho más que sistemas de dashboards simples, permitiendote para cada gráfico sacar exactamente el dato que necesitas.
  • No usa programación en el servidor. No hay nada que instalar ni ninguna base de datos que configurar. No hay apenas costes de hosting. Se sube y funciona.
  • Cada usuario accede con su cuenta. Asi que los dashboards pueden hacerse públicos y cada uno al visitarlos los consultará con sus propias cuentas de GA.
  • Es entregable al cliente. Al ser archivos HTML sueltos estos pueden entregarse al cliente o subirse en su servidor lo que lo hace ideal para entregas en proyectos cerrados.
  • Es mobile friendly. Al usar bootstrap y gráficas html5 la adaptación a móviles es directa. Podrás ver tus dashboards desde tu ordenador, tablet o smartphone sin problemas.
  • Es totalmente adaptable a tu web. Al ser simplemente HTML y Javascript puede incluirse en cualquier desarrollo ya realizado tan solo copiando los archivos necesarios a tu servidor.

¿Cómo lo usamos?

Hemos desarrollado una pequeña guía aunque avanzo que el uso es muy simple. Se trata simplemente de escribir etiquetas html con atributos "data" que especifiquen que datos sacar y como mostrarlos. Así, al tiempo que escribimos HTML declaramos que gráficos mostrar.

<div class="ga-chart"
	title="Tráfico por Medios"
	data-type="donut" 
	data-dimensions="ga:medium"
	data-metrics="ga:sessions"
	data-start-date="30daysAgo"
	data-end-date="yesterday"
	data-filter=""
	data-segment=""
	data-colors=""
></div>	

¿Quieres verlo?

Aquí tienes el enlace para entrar en la página que hemos montado para BootBoard. Aun es muy simple y es que estamos en versión Beta con el código aun por afinar.

Visita BootBoard

bootboard

Tambien te mostramos algunas demos de dashboards creados con la herramienta:

¿Te gusta? ¿Crees que puedes usarlo con en tus proyectos o con tus clientes? No dudes en decírnoslo en los comentarios.

Temas Relacionados: analitica web programacion

Autor:

8 Comentarios para “BootBoard: Crea dashboards de Google Analytics profesionales (y gratis) en minutos”

  1. Para quitarse el sombrero, ¡si señor!

    Pero puestos a pedir, molaría mucho el de "urls totales" vs "landings posicionadas en orgánico"

    Un saludo

  2. Impresionante. Unos ejemplos bastante útiles y un One Funnel que te deja bastante claro qué hacen los usuarios en tu web. Encima lo das todo hecho y gratis... ¡mil gracias!
    Como pequeña recomendación, podrías incluir algún filtro o alguna forma de detectar o excluir el tráfico spam, que en el caso de mi site lo ensucia todo. Lo incluyas o no en el futuro, estaré atengo por si vuelves a compartir conocimientos y herramientas de esta forma tan grande. Todo un ejemplo a seguir (ah, y los Dashboards los copiaré y usaré todos, con tu permiso xD).
    ¡Saludos!

  3. Alfonso dice:

    Me acabas de joder el fin de semana ;), yo que quería ir a la piscina :(
    Ahora estaré todo el fin de semana probando la herramienta.

    Un saludo.

  4. Miguel Ángel dice:

    Gracias de nuevo por hacernos la vida más fácil. Y estoy totalmente de acuerdo con Alfonso, no pensaba dar un palo al agua y ahora me será imposible esperar al lunes para probarlo.

  5. Dobles Felicidades Iñaki,
    por tu cumpleaños y por tan interesante proyecto.

    Dobles gracias,
    por aportar de manera desinteresada tanto saber y herramientas útiles.

  6. mario dice:

    Estaba buscando algo así, jaja, me has ahorrado un rato haciendo cortas y pegas en excel.

    Muchas gracias!

    Un saludo,
    Mario

  7. Josemi dice:

    Hola Iñaki,

    La herramienta es una maravilla, la estoy probando y me esta gustando mucho.

    Lo único tengo un problema, he montado un informe con unos 12 gráficos y con filtro de fechas, y hay veces que no se completan todos los gráficos, se quedan vacíos.

    ¿Ta ha pasado?, Gracias, un saludo

    • inaki dice:

      Buenas,

      Al tirar de API a veces al cargar todos los graficos de golpe (y sobretodo si usas de los que usan varias consultas para un solo gráfico) excedes el limite por segundo. Prueba a meter menos graficos ( ya, ya se...) o a subir el numero de peticiones por segundo en la consola de apis de google.

Anímate y deja tu comentario

Esto son experimentos, no preguntes ;) prueba metadescription Prueba title