Guía para crear un tablero de métricas con Google Data Studio

Este artículo es la continuación de “Por qué utilizar Google Data Studio”, si necesitas más contexto de por qué utilizar Google Data Studio te recomiendo que lo leas antes. Ahora aprenderemos desde cero cómo utilizar la herramienta Google Data Studio, conectar fuentes de datos, insertar distintos tipos de gráficos y crear informes más atractivos y comprensibles para tu audiencia.

Claudio Sepúlveda Schutz
7 min readJun 14, 2022

--

Paso 1: Ingresar a Google Data Studio

Lo primero que tenemos que hacer es ingresar a https://datastudio.google.com/, Inicia sesión en Google para poder comenzar.

Portada sitio Data Studio
Portada sitio Data Studio
Login cuenta Google

Luego que ya iniciaste sesión vas a ver la pantalla de inicio de Google Data Studio donde puedes crear nuevos informes, continuar editando uno que ya creaste o utilizar una plantilla ya creada.

Primera pantalla Data Studio

Elementos de la pantalla de inicio

  1. Crear un nuevo archivo.
  2. Buscar archivos de Data Studio ya existentes.
  3. Pestañas con Informes, Fuentes de datos y Explorador.
  4. Ayuda, configuración y cuenta de Google.
  5. Archivos recientes, tus propios archivos, los que te han compartido y la papelera.
  6. Ejemplos y plantillas de informes. Para comenzar con algún diseño o base.
  7. Lista de archivos, puedes hacer clic en un archivo para verlo. En la parte derecha, usa el menú adicional de un archivo para compartirlo.

Paso 2: Nuevo informe

Para crear un informe nuevo tenemos que hacer clic sobre la imagen que dice Informe vacío. A continuación, se abrirá una nueva ventana donde nos pedirá conectar una fuente de datos (Algunas fuentes de datos pueden ser hojas de cálculo de google, Google Analytics, BigQuiery, entre otras).

Pantalla conectar fuentes de datos
  1. Pestaña para conectarse a nuevas fuentes de datos.
  2. Pestaña para buscar fuentes de datos ya conectadas.
  3. Buscador de fuentes de datos de terceros o de Google.
  4. Listado de fuentes de datos de terceros o de Google.

Paso 3: Conectar una fuente de datos

Para conectar una fuente de datos tenemos muchas opciones, algunas vienen por defecto en Google y en otras tendremos que utilizar conectores de terceros (algunos son pagados).

En esta ocasión utilizaremos la fuente de datos que nos entrega Google Data Studio para poder practicar, que es la de Google Analytics, podríamos utilizar otras fuentes como Youtube data, Adwords data, hojas de cálculo de google, entre otras.

Seleccionamos la pestaña “Mis fuentes de datos” y luego [Sample] Google Analytics Data, finalmente presionamos en “Añadir”

Paso 4: Comenzar a armar el Informe

Ya tenemos vinculada nuestra fuente de datos, ahora comenzaremos a familiarizarnos con la interfaz y así conocer las distintas opciones que tenemos.

Primera pantalla del informe
  1. Nombre del informe.
  2. Barra con las opciones del menú principal, además se puede acceder a la mayoría de las funciones haciendo clic en un componente con el botón derecho.
  3. Compartir, Ver/editar, Más opciones: Hacer una copia/ actualizar los datos de hoja de cálculo, Ayuda, Cuenta de Google.
  4. Modo de selección | Deshacer | Rehacer.
  5. Agregar páginas al informe.
  6. Agregar una fuente de datos.
  7. Agregar un gráfico.
  8. objetos de control(Selectores, listas desplegables, filtros y otros).
  9. Agregar url, texto, imágenes, líneas y formas.
  10. Temas predeterminados y opciones de diseño.
  11. Cambiar el tipo de visualización del gráfico seleccionado.
  12. Objetos como gráficos, tablas y otros, que conforman el informe.
  13. Configurar las propiedades de los datos del gráfico.
  14. Campos disponibles: se pueden arrastrar dimensiones y métricas, y soltarlas en el panel de propiedades del gráfico.

Ya que conocemos las distintas opciones que hay en la interfaz, vamos a comenzar a incorporar algunos elementos.

Agregar un gráfico

Por defecto Google Data Studio nos presenta una tabla con datos como punto de partida, pero la podemos borrar e incorporar lo que deseemos. En este caso lo borraremos e incorporaremos un gráfico, para esto tienes que hacer lo siguiente:

Seleccionamos “Añadir gráfico” y se desplegarán las distintas opciones que tenemos de gráficos, en esta ocasión vamos a añadir un gráfico de “Serie temporal”. Data Studio luego agrega el gráfico y por defecto parte con la Dimensión de Fecha y la Métrica de usuarios nuevos.

Las dimensiones y las métricas las podemos modificar, en este caso voy a dejar la dimensión de Fecha, pero voy a cambiar la métrica a Páginas vistas.

Ahora agregaremos un nuevo gráfico, esta vez de torta con la dimensión de navegadores y la métrica páginas vistas.

También podemos agregar un gráfico geográfico para saber desde dónde ven las páginas los usuarios.

Agregar una tabla

Ahora vamos agregar una tabla para ver de qué países son las visitas, para esto, seleccionamos añadir un gráfico y seleccionamos la segunda tabla que nos aparece “Tabla con barras”.

Control de selección de periodo de tiempo

Ahora agregaremos un control para seleccionar un periodo de tiempo en un calendario, para esto vamos a la parte superior y seleccionamos “Añadir control” y seleccionamos “Filtro por periodo” y lo incorporamos en la parte superior.

Al incorporar un “Filtro por periodo” le damos libertad al usuario de nuestro informe que pueda cambiar el periodo en que está visualizando los datos y esto afecta a todos los elementos que tenemos en la página. En la imagen anterior el periodo que estamos utilizando es de un año, pero podemos cambiarlo a un mes y se actualizan automáticamente todos los gráficos.

Agregar una imagen

Ya que tenemos los gráficos incorporados, ahora vamos a darle mayor formato y diseño. Primero incorporaremos una imagen con el logo de la empresa a la cual le estamos haciendo el informe, para esto vamos a agregar imagen en la parte superior y seleccionamos una imagen desde nuestro computador o desde una URL.

Cambiar diseño a la página

Además le agregaremos un fondo a la página y un recuadro blanco en la parte superior.

hacemos clic derecho sobre la página y seleccionamos “Configuración de la página actual”.

Al costado derecho aparecerán distintas opciones en la pestaña estilo y seleccionamos el color de fondo.

Para incorporar el recuadro en la parte superior, incorporamos una forma cuadrada de la parte superior y la alargamos a todo el ancho de nuestra página, luego con el botón derecho seleccionamos “Enviar al fondo”.

Pintamos de blanco el recuadro.

Cambiar diseño a los gráficos

Ahora a los gráficos les pondremos fondo blanco y una pequeña sombra para que se destaquen más.

Seleccionamos uno de los gráficos y luego al costado derecho seleccionamos la pestaña “Estilo”, bajamos hasta la sección “Fondo y borde”.

En la sección “Fondo y borde” elegimos el color de fondo, redondeamos las esquinas y marcamos “Añadir bordes sombreados”.

Cambiar título al informe

Finalmente en la parte superior de nuestro informe hacemos doble clic donde dice “Informe sin título” y le cambiamos el nombre.

Data Studio es una herramienta que nos puede ayudar mucho al momento de presentar datos de una forma diferente, más comprensibles y donde el usuario pueda tener un poco de control al momento de utilizar un informe.

Podemos presentar datos desde cosas muy simples como los inscritos en un webinar o algo más complejo como métricas para un informe de usabilidad de un sitio web donde nos permita ir viendo las páginas más visitadas, los tipos de usuarios, la tasa de rebote, tiempo de permanencia entre otras. Y con esto ir haciendo análisis y mejoras a la experiencia.

Parte de nuestra cultura en 2Brains es la curiosidad que nos impulsa a siempre estar aprendiendo y ampliando nuestros conocimientos y compartirlos con la comunidad, es por eso que abrimos este conocimiento a todo el mundo.

Si te interesa saber más sobre nosotros visita nuestro sitio www.2brains.cl y si quieres ser parte de nuestro equipo revisa nuestro perfil en getonboard.

--

--