3 trucos avanzados de Google Data Studio que necesitas saber

En Semetrical, la creación de paneles de informes personalizados es un gran enfoque cuando se trata de análisis y monitoreo de datos. A lo largo de los años, hemos aprendido bastantes trucos tanto a través de nuestra propia experiencia como de la investigación, que nos permiten mostrar datos de una manera que hace que nuestros tableros sean más informativos y fáciles de usar.

El título puede parecer clickbait, pero te puedo asegurar que no es así. Si estás leyendo esto, significa que estás a punto de tener la suerte de aprender estos trucos y usarlos tú mismo. Es posible que haya encontrado algunos de estos usted mismo, ¡pero seguramente ayudarán a algunas personas!

De todos modos, entremos en materia: los 3 trucos que cubriremos son los siguientes;

1. Barra de navegación lateral personalizada
2. Visuales de resumen de métricas
3. La ilusión de la velocidad

1. Barra de navegación lateral personalizada

Si escribe 'panel de control' en Google y ejecuta una búsqueda de imágenes, es posible que observe una característica común en todas partes: una barra de navegación lateral.

En Google Data Studio, aunque existe la opción de fijar una barra de navegación al costado del informe, se siente desconectado del tablero. No puede personalizarlo para que encaje con la estética del resto de su tablero y, para nosotros, simplemente no da en el clavo.

Esto nos hizo pensar: ¿cómo podemos replicar esta funcionalidad, pero también hacer que se ajuste al estilo de nuestros tableros? Como resultado, hemos desarrollado nuestra propia solución para construir un sistema de navegación integrado. No solo se ve mejor, sino que se puede personalizar completamente para que se ajuste a las pautas de su marca deseada, ¡y vamos a compartir los secretos detrás de esto!

Este es un ejemplo de cómo se ve una vez finalizado. Como se mencionó, es totalmente personalizable, ya que en última instancia es una combinación inteligente de texto, formas e hipervínculos que varía de una página a otra. Para lograr esto, deberá hacer uso de las funciones de informe y nivel de página. El enfoque se puede dividir en dos etapas; diseño y funcionalidad.

El diseño:

1. Agregue un rectángulo blanco en el lado izquierdo del informe: haga este nivel de informe.
2. Agregue las características de diseño relevantes (logotipo, barra horizontal superior, encabezados de informes, sombras en los bordes); hágalos a nivel de informe.
3. Agregue cuadros de texto para los títulos de página deseados: hágalos a nivel de informe.
4. Agregue círculos de color gris claro junto a todos los títulos de las páginas; hágalos a nivel de informe.
5. Finalmente, para la página en la que se encuentra, agregue un círculo de color y una línea al lado del título y déjelo a nivel de página, ya que deberá moverse para cada página.

La funcionalidad:

1. Añadir cuadro de texto.
2. En el modo de edición, haga clic en el cuadro de texto y luego haga clic en el icono 'insertar enlace' en la barra lateral de propiedades de texto y seleccione la página a la que desea vincular. Establezca el texto de la pantalla en numerosos ceros.
3. Coloque y cambie el tamaño del cuadro de texto sobre el título de la página en la barra lateral a la que corresponde.
4. Luego, haz los siguientes cambios en la barra lateral:
   • Establezca la configuración de desbordamiento en oculta.
   • Cambia la opacidad del fondo a 0%.
   • Reduzca el relleno izquierdo, derecho y superior al 0% y la altura de la línea a 0px.
   • Establezca el tamaño de fuente como el más pequeño disponible.
5. Haga este nivel de informe, por lo que solo necesita cambiarlo en una página para afectar a todos los demás.
6. Luego puede copiar esto y pegarlo sobre el siguiente encabezado, solo cambiando la página a la que hace referencia el hipervínculo.
7. Importante tener en cuenta: si hace todo esto a la vez, el hipervínculo puede continuar volviendo a su enlace anterior. Desafortunadamente, este es un comportamiento normal, así que asegúrese de verificar que permanezcan configurados en el transcurso de unos días. Una vez que se configuran, no se revertirán en el futuro.

¡Ahí lo tiene, ahora puede ampliar este método para mejorar sus tableros! El objetivo principal detrás de la integración de una barra lateral en el tablero es su borde estético y su sensación de familiaridad. Puede encontrar más ejemplos de tableros de Google Data Studio en mi blog anterior, que también hacía referencia a las 'Leyes de UX' y cómo aprovecharlas al crear un tablero. Esto aborda tanto la Ley de Jakob como la Ley de Usabilidad Estética a la vez.

2. Imágenes de resumen de métricas

Esta es nuestra forma favorita de mostrar las métricas de KPI para que pueda comprender el rendimiento de un vistazo y centrarse en información procesable. Este truco utiliza el cambio de colores de las llamadas métricas, por lo que solo puede ver el porcentaje o el cambio real.

Digamos, por ejemplo, que desea ver sesiones específicas, necesitaríamos producir tres llamadas separadas para crear la vista anterior. Así es como lo harías:

1. Incluya el número y la etiqueta sin procesar, pero oculte las etiquetas de comparación.
2. Copie y pegue esta llamada y haga que el color de la fuente sea transparente. Habilite las comparaciones de períodos y seleccione 'período anterior'.
3. Finalmente, copie esto nuevamente pero cámbielo del período anterior al año anterior.

Es un truco visual simple pero poderoso, y tiene la opción de agregar más o menos métricas a este resumen de llamadas. Dicho esto, hay un límite de 50 llamadas en una sola página, así que tenlo en cuenta.

3. La ilusión de la velocidad

Si ha utilizado Google Data Studio anteriormente, es probable que haya tenido problemas relacionados con la velocidad de los informes y los tiempos de carga. En particular, hemos notado que los colores de los filtros pueden tardar un tiempo en cargarse rápidamente, lo que genera un fondo transparente y hace que el texto sea ilegible durante los primeros segundos del informe.

En Semetrical, estos se colocan en la parte superior del informe y son lo primero que se ve, por lo que no se ve muy bien si tarda mucho en cargarse. Desafortunadamente, no hay mucho que pueda hacer para evitar esto, ya que afectará a diferentes usuarios según su computadora y las velocidades de WiFi.

Por lo tanto, lo que nos gusta hacer además de darle al filtro un fondo blanco es colocar una forma blanca que coincida con el tamaño del filtro detrás de él. Esto se debe simplemente a que las formas se cargan más rápido y, por lo tanto, cuando un usuario accede al tablero, la escritura será legible desde el principio, lo que crea la impresión de tiempos de carga más rápidos. Puede ver los resultados escaneando a través de las páginas del tablero en el GIF a continuación:

Resumen

En general, estos tres trucos pueden darle a su tablero una ventaja única sobre las plantillas estándar debido a sus requisitos de implementación más complicados de lo habitual. Dado que GA4 pronto reemplazará a Universal Analytics, ahora es el momento perfecto para actualizar sus paneles para generar informes de GA4 también. Si necesita asistencia adicional de una agencia de análisis de confianza, ¡póngase en contacto hoy mismo!