Tooldata Academia
Lección 25 de 26•Dashboard de Marketing Completo

Construcción paso a paso

Construye todas las páginas y visualizaciones del dashboard.

15 minutos

Es momento de construir. Con la planificación completa de la lección anterior, ahora transformaremos los wireframes en un dashboard funcional. Seguiremos un proceso sistemático para crear las tres páginas de nuestro Dashboard de Marketing.

Configuración Inicial

Paso 1: Crear el Informe

  1. Ve a lookerstudio.google.com
  2. Haz clic en Crear > Informe
  3. Selecciona "Informe en blanco"
  4. Asigna el nombre: "Dashboard de Marketing - [Tu Empresa]"

Paso 2: Conectar Google Analytics 4

  1. En el panel de datos, haz clic en Añadir datos
  2. Busca y selecciona Google Analytics
  3. Autoriza el acceso si es necesario
  4. Selecciona tu cuenta y propiedad de GA4
  5. Haz clic en Añadir

Nota: Si no tienes una propiedad GA4 con datos, puedes usar la cuenta de demostración de Google: "Google Merchandise Store (GA4)"

Paso 3: Conectar Google Sheets (Metas)

  1. Crea una hoja de cálculo con metas mensuales:
| Mes        | Meta_Usuarios | Meta_Conversiones | Meta_Ingresos |
|------------|---------------|-------------------|---------------|
| Enero 2026 | 50000         | 500               | 25000         |
| Febrero 2026| 52000        | 520               | 26000         |
| ...        | ...           | ...               | ...           |
  1. En Looker Studio, agrega otra fuente de datos
  2. Selecciona Google Sheets
  3. Busca y selecciona tu hoja
  4. Configura el rango y encabezados
  5. Añade la conexión

Paso 4: Configurar el Tema Base

  1. Ve a Archivo > Configuración del informe y tema
  2. En la pestaña Tema, configura:
    • Fuente principal: Inter o Roboto
    • Color primario: #ae4291 (rosa Tooldata)
    • Color secundario: #35286b (morado oscuro)
  3. En la pestaña Diseño, configura:
    • Tamaño de página: 1200 x 900 px
    • Color de fondo: #f5f5f5

Página 1: Resumen Ejecutivo

Esta página será la vista principal para ejecutivos. Debe comunicar el estado general del marketing en segundos.

Agregar el Header

  1. Dibuja un rectángulo en la parte superior (ancho completo, 80px de alto)
  2. Color de fondo: #35286b (morado oscuro)
  3. Agrega un cuadro de texto con el título: "Dashboard de Marketing Digital"
  4. Color del texto: blanco, tamaño 24px, negrita

Agregar Selector de Fechas

  1. Ve a Añadir un control > Control de período
  2. Posiciona en la esquina superior derecha del header
  3. Configura el período predeterminado: "Últimos 30 días"
  4. Estilo: Fondo transparente, texto blanco

Crear Tarjetas de KPIs

Crearemos 4 tarjetas de KPIs en una fila:

Tarjeta 1: Usuarios

  1. Añadir un gráfico > Cuadro de resultados
  2. Métrica: Usuarios activos
  3. Período de comparación: Período anterior
  4. Posición: Primera columna, debajo del header
  5. Estilo:
    • Fondo: blanco
    • Borde: sutil con esquinas redondeadas
    • Tamaño métrica: 32px
    • Mostrar cambio porcentual

Tarjeta 2: Sesiones

  1. Duplica la tarjeta anterior (Ctrl+D)
  2. Cambia la métrica a: Sesiones
  3. Posiciona en la segunda columna

Tarjeta 3: Conversiones

  1. Duplica nuevamente
  2. Métrica: Conversiones (o tu evento de conversión principal)
  3. Tercera columna

Tarjeta 4: Ingresos

  1. Duplica
  2. Métrica: Ingresos por compras (o métrica de ingresos disponible)
  3. Cuarta columna
  4. Formato: Moneda
Layout de KPIs:
┌──────────┬──────────┬──────────┬──────────┐
│ Usuarios │ Sesiones │Convers.  │ Ingresos │
│  45,230  │  52,140  │   892    │ $45,600  │
│  +12.3%  │  +8.7%   │  +15.2%  │  +22.1%  │
└──────────┴──────────┴──────────┴──────────┘

Gráfico de Tendencia Principal

  1. Añadir un gráfico > Gráfico de serie temporal
  2. Dimensión: Fecha
  3. Métricas: Usuarios, Sesiones
  4. Período: Controlado por el selector de fechas
  5. Posición: Debajo de las tarjetas, ancho completo
  6. Altura: ~250px
  7. Estilo:
    • Línea suavizada
    • Mostrar puntos de datos
    • Leyenda en la parte inferior
    • Colores: #ae4291 y #35286b

Tabla de Top Canales

  1. Añadir un gráfico > Tabla
  2. Dimensión: Agrupación de canales predeterminada (o Fuente/Medio)
  3. Métricas: Usuarios, Sesiones, Conversiones, Tasa de conversión
  4. Filas: 10
  5. Posición: Mitad izquierda, debajo del gráfico de tendencia
  6. Estilo:
    • Encabezados con fondo #35286b
    • Texto de encabezados: blanco
    • Filas alternas con fondo sutil
    • Barras de datos para métricas

Gráfico de Distribución de Tráfico

  1. Añadir un gráfico > Gráfico circular (dona)
  2. Dimensión: Agrupación de canales predeterminada
  3. Métrica: Sesiones
  4. Posición: Mitad derecha, junto a la tabla
  5. Estilo:
    • Tipo: Dona (hueco en el centro)
    • Mostrar porcentajes
    • Leyenda a la derecha
    • Paleta de colores consistente

Toques Finales Página 1

  1. Agrega líneas divisoras sutiles entre secciones
  2. Verifica alineación de todos los elementos
  3. Agrega título de sección "Rendimiento por Canal" sobre la tabla
  4. Prueba el selector de fechas para verificar que todo se actualiza

Página 2: Adquisición

Esta página permite análisis detallado de canales y campañas.

Crear Nueva Página

  1. Haz clic derecho en la pestaña de página actual
  2. Selecciona Duplicar página (para mantener header y estilos)
  3. Renombra la página: "Adquisición"
  4. Elimina el contenido excepto el header

Agregar Filtros

  1. Añadir un control > Lista desplegable

  2. Dimensión: Agrupación de canales predeterminada

  3. Etiqueta: "Canal"

  4. Posición: Debajo del header, izquierda

  5. Duplica y crea filtro de Dispositivo:

    • Dimensión: Categoría de dispositivo
    • Etiqueta: "Dispositivo"
    • Posición: Centro

  6. Duplica y crea filtro de País:

    • Dimensión: País
    • Etiqueta: "País"
    • Posición: Derecha

KPIs de Adquisición

Crea 4 tarjetas específicas de adquisición:

Posición Métrica Descripción
1 Nuevos usuarios Primera visita
2 Usuarios recurrentes Calculado: Usuarios - Nuevos usuarios
3 Sesiones con engagement Sesiones que interactuaron
4 Tasa de engagement Porcentaje de engagement

Gráfico de Barras: Performance por Canal

  1. Añadir un gráfico > Gráfico de barras
  2. Dimensión: Agrupación de canales predeterminada
  3. Métricas: Usuarios, Conversiones
  4. Ordenar por: Usuarios (descendente)
  5. Posición: Centro de la página
  6. Orientación: Horizontal
  7. Estilo:
    • Barras agrupadas
    • Colores distintos por métrica
    • Etiquetas de datos

Tabla de Campañas

  1. Añadir un gráfico > Tabla con barras de datos
  2. Dimensión: Nombre de la campaña (Primera interacción del usuario)
  3. Métricas: Usuarios, Sesiones, Conversiones, Tasa de conversión
  4. Ordenar por: Usuarios (descendente)
  5. Filas: 15
  6. Posición: Mitad izquierda inferior
  7. Estilo:
    • Barras de datos para Usuarios
    • Formato condicional para Tasa de conversión

Mapa Geográfico

  1. Añadir un gráfico > Mapa geográfico
  2. Dimensión geográfica: País
  3. Métrica de color: Usuarios
  4. Posición: Mitad derecha inferior
  5. Estilo:
    • Escala de color: degradado de claro a #ae4291
    • Zoom: Ajustar a datos

Página 3: Comportamiento y Conversión

Esta página muestra el journey del usuario y el embudo de conversión.

Crear y Configurar Página

  1. Duplica la página anterior
  2. Renombra: "Comportamiento y Conversión"
  3. Limpia el contenido manteniendo header y filtros

Modificar Filtros

Cambia los filtros para esta página:

  1. Filtro 1: Tipo de dispositivo
  2. Filtro 2: Página de destino (top 20)
  3. Filtro 3: Nombre del evento

KPIs de Comportamiento

Posición Métrica Formato
1 Tasa de engagement Porcentaje
2 Duración media de la sesión Tiempo
3 Eventos por sesión Número
4 Tasa de conversión Porcentaje

Crear Campo Calculado para Funnel

Si necesitas un embudo personalizado, crea campos calculados:

  1. Ve a Recurso > Gestionar campos añadidos
  2. Crea campos para cada etapa:
Paso 1 - Vista de página:
CASE
  WHEN Nombre del evento = 'page_view' THEN 1
  ELSE 0
END

Paso 2 - Add to Cart:
CASE
  WHEN Nombre del evento = 'add_to_cart' THEN 1
  ELSE 0
END

Paso 3 - Begin Checkout:
CASE
  WHEN Nombre del evento = 'begin_checkout' THEN 1
  ELSE 0
END

Paso 4 - Purchase:
CASE
  WHEN Nombre del evento = 'purchase' THEN 1
  ELSE 0
END

Visualización del Funnel

  1. Añadir un gráfico > Gráfico de barras horizontal
  2. Dimensión: Crear dimensión con las etapas del funnel
  3. Métrica: Conteo de eventos
  4. Ordenar: Por etapa (manual)
  5. Estilo:
    • Barras anchas
    • Color degradado por etapa
    • Mostrar porcentaje de conversión entre etapas

Alternativa - Tabla de Funnel:

┌────────────────────┬──────────┬────────┐
│ Etapa              │ Usuarios │ % Drop │
├────────────────────┼──────────┼────────┤
│ 1. Vista Producto  │  10,000  │   -    │
│ 2. Add to Cart     │   3,500  │  65%   │
│ 3. Checkout        │   2,100  │  40%   │
│ 4. Compra          │   1,050  │  50%   │
└────────────────────┴──────────┴────────┘

Tabla de Top Páginas

  1. Añadir un gráfico > Tabla
  2. Dimensión: Título de la página
  3. Métricas: Vistas, Usuarios, Duración promedio, Tasa de rebote
  4. Ordenar por: Vistas (descendente)
  5. Filas: 15
  6. Posición: Mitad izquierda
  7. Estilo: Formato condicional en métricas clave

Gráfico de Eventos Clave

  1. Añadir un gráfico > Gráfico de barras
  2. Dimensión: Nombre del evento
  3. Métrica: Recuento de eventos
  4. Filtro: Solo eventos importantes (exclude page_view, session_start)
  5. Top: 10 eventos
  6. Posición: Mitad derecha
  7. Estilo: Barras horizontales con etiquetas

Agregar Interactividad Avanzada

Configurar Drill-Down

Para la tabla de canales en Página 1:

  1. Selecciona la tabla
  2. En propiedades, habilita Drill down
  3. Agrega niveles:
    • Nivel 1: Agrupación de canales
    • Nivel 2: Fuente
    • Nivel 3: Medio

Cross-Filtering

  1. Selecciona un gráfico
  2. En propiedades, habilita Interacciones > Cross-filter
  3. Al hacer clic en un elemento, otros gráficos se filtran

Tooltips Personalizados

  1. Selecciona un gráfico
  2. En propiedades, ve a Configuración de tooltip
  3. Agrega métricas adicionales que aparecerán al pasar el mouse

Integrar Datos de Metas

Crear Campo Calculado de Cumplimiento

  1. Ve a Recurso > Combinar datos
  2. Combina GA4 con Google Sheets por el campo de fecha/mes
  3. Crea un campo calculado:
Cumplimiento_Usuarios = (Usuarios / Meta_Usuarios) * 100

Agregar Indicador de Progreso

  1. Añade un Gráfico de viñetas (Bullet Chart)
  2. Métrica: Usuarios actuales
  3. Objetivo: Meta_Usuarios
  4. Rango: 0 al 120% de meta
  5. Esto muestra visualmente el progreso hacia la meta

Revisión Final de Construcción

Checklist de Cada Página

Para cada página, verifica:

  • Título claro y descriptivo
  • Selector de fechas funcional
  • KPIs con comparación temporal
  • Gráficos alineados y espaciados
  • Filtros funcionando correctamente
  • Colores consistentes con la marca
  • Leyendas visibles y claras
  • Sin errores de datos o "No hay datos"

Navegación Entre Páginas

  1. Verifica que las pestañas de página sean visibles
  2. Considera agregar botones de navegación visual
  3. Nombra las páginas claramente

Puntos Clave

  • La configuración inicial del tema asegura consistencia visual
  • Las tarjetas de KPI con comparación temporal comunican tendencias instantáneamente
  • Los filtros interactivos permiten análisis profundo sin crear múltiples dashboards
  • El drill-down y cross-filtering potencian la exploración de datos
  • Combinar fuentes de datos (GA4 + Sheets) enriquece el análisis con metas
  • Los campos calculados permiten métricas personalizadas para tu negocio
  • La alineación y espaciado consistente mejoran la profesionalidad
  • Verifica cada elemento antes de avanzar para evitar retrabajos

Próxima Lección

En la lección final del curso, aplicaremos el pulido final y revisión de calidad al dashboard. Usaremos un checklist de 30 puntos para asegurar que el dashboard esté listo para producción, optimizaremos el rendimiento, y prepararemos el lanzamiento con stakeholders.

¿Completaste esta lección?

Marca esta lección como completada. Tu progreso se guardará en tu navegador.

Anterior
Planificación del dashboard de marketing
Siguiente
Proyecto Final: Tu dashboard completo