Crear dashboard de marketing
Construye un dashboard completo de marketing digital.
Es hora de construir un dashboard completo de marketing desde cero. Seguiremos un proceso paso a paso para crear un reporte profesional que puedas usar con tu equipo o clientes.
El dashboard que vamos a crear
┌─────────────────────────────────────────────────────────────────────┐
│ DASHBOARD DE MARKETING - [NOMBRE DEL SITIO] │
│ Período: [Selector de fechas] │
├─────────────────────────────────────────────────────────────────────┤
│ │
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐ │
│ │ USUARIOS │ │ SESIONES │ │ CVR │ │ CONVERS. │ │ REVENUE │ │
│ │ 12.5K │ │ 18.2K │ │ 2.4% │ │ 437 │ │ $24.5K │ │
│ │ ▲ 15% │ │ ▲ 12% │ │ ▲ 0.3% │ │ ▲ 22% │ │ ▲ 18% │ │
│ └──────────┘ └──────────┘ └──────────┘ └──────────┘ └──────────┘ │
│ │
│ ┌────────────────────────────────┐ ┌──────────────────────────┐ │
│ │ TENDENCIA DE USUARIOS │ │ CANALES DE ADQUISICIÓN │ │
│ │ [Gráfico de línea] │ │ [Gráfico de dona] │ │
│ └────────────────────────────────┘ └──────────────────────────┘ │
│ │
│ ┌──────────────────────────────────────────────────────────────┐ │
│ │ RENDIMIENTO POR CANAL │ │
│ │ [Tabla con métricas] │ │
│ └──────────────────────────────────────────────────────────────┘ │
│ │
│ ┌────────────────────────────────┐ ┌──────────────────────────┐ │
│ │ TOP PÁGINAS DE ENTRADA │ │ TOP CAMPAÑAS │ │
│ │ [Tabla] │ │ [Tabla] │ │
│ └────────────────────────────────┘ └──────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────┘
Paso 1: Crear nuevo reporte
- Ve a lookerstudio.google.com
- Haz clic en Crear → Informe
- Selecciona tu fuente de datos de GA4
- Haz clic en Añadir al informe
Paso 2: Configurar el layout
Tamaño del canvas
- Ve a Archivo → Configuración del informe
- Tamaño: Personalizado - 1200 x 1600 px (para scroll vertical)
Agregar encabezado
- Inserta un Rectángulo en la parte superior
- Color de fondo: Tu color de marca (ej: #1a1a2e)
- Agrega un Texto con el título del dashboard
- Inserta tu Logo si tienes uno
CONFIGURACIÓN DEL ENCABEZADO:
┌─────────────────────────────────────────────────────────┐
│ Altura: 80px │
│ Fondo: Color primario de marca │
│ Título: Fuente 24px, blanco, negrita │
│ Logo: Alineado a la izquierda, 50px altura │
└─────────────────────────────────────────────────────────┘
Paso 3: Agregar selector de fechas
El control más importante de cualquier dashboard:
- Ve a Insertar → Control de rango de fechas
- Colócalo en la esquina superior derecha
- Configura:
- Rango predeterminado: Últimos 30 días
- Permitir comparación: Activado
Tip profesional: Siempre activa la comparación para que los usuarios vean el cambio vs período anterior automáticamente.
Paso 4: Crear los scorecards de KPIs
Los scorecards son los números grandes en la parte superior:
Scorecard 1: Usuarios
- Ve a Insertar → Cuadro de resultados
- Arrastra al canvas
- Configura:
- Métrica: Usuarios activos
- Comparación: Período anterior
- Estilo: Métrica grande, comparación debajo
Configuración de estilo para scorecards:
ESTILO SCORECARD:
├── Tamaño métrica: 32px
├── Color métrica: #333333
├── Tamaño comparación: 14px
├── Color positivo: #22c55e (verde)
├── Color negativo: #ef4444 (rojo)
├── Fondo: #ffffff
├── Borde: 1px sólido #e5e7eb
└── Border radius: 8px
Scorecards a crear:
| Scorecard | Métrica | Formato |
|---|---|---|
| Usuarios | Usuarios activos | Número |
| Sesiones | Sesiones | Número |
| Tasa de conversión | Conversiones / Sesiones | Porcentaje |
| Conversiones | Conversiones | Número |
| Revenue | Ingresos | Moneda |
Paso 5: Gráfico de tendencia de usuarios
- Ve a Insertar → Serie temporal
- Arrastra al canvas (ancho: 60% del espacio)
- Configura:
- Dimensión de fecha: Fecha
- Métrica: Usuarios activos
- Métrica secundaria (opcional): Sesiones
- Comparación: Período anterior (como línea punteada)
Estilo del gráfico de línea:
CONFIGURACIÓN VISUAL:
├── Color línea principal: #6366f1 (índigo)
├── Color línea comparación: #a5b4fc (índigo claro)
├── Grosor: 2px principal, 1px comparación
├── Puntos de datos: Ocultos (solo mostrar en hover)
├── Cuadrícula: Solo horizontal, color #f3f4f6
└── Leyenda: Arriba, centrada
Paso 6: Gráfico de canales de adquisición
- Ve a Insertar → Gráfico de anillos
- Colócalo al lado del gráfico de tendencia
- Configura:
- Dimensión: Canal predeterminado de sesión
- Métrica: Sesiones
- Ordenar: Por métrica, descendente
- Límite: Top 6
Colores por canal (consistentes):
PALETA DE CANALES:
├── Organic Search: #22c55e (verde)
├── Direct: #3b82f6 (azul)
├── Referral: #f59e0b (naranja)
├── Paid Search: #ef4444 (rojo)
├── Social: #8b5cf6 (púrpura)
├── Email: #06b6d4 (cyan)
└── Other: #9ca3af (gris)
Paso 7: Tabla de rendimiento por canal
Esta tabla es el corazón del análisis de marketing:
- Ve a Insertar → Tabla
- Haz la tabla de ancho completo
- Configura:
CONFIGURACIÓN DE TABLA:
Dimensión:
- Canal predeterminado de sesión
Métricas (en este orden):
1. Sesiones
2. Usuarios activos
3. Nuevos usuarios
4. Tasa de engagement
5. Duración media de sesión
6. Conversiones
7. Tasa de conversión (campo calculado)
8. Ingresos
Ordenar: Por Sesiones, descendente
Límite: 10 filas
Formato condicional para la tabla:
Aplica colores a las métricas de tasa:
- Selecciona la tabla
- Ve a Estilo → Colores condicionales
- Para "Tasa de conversión":
- < 1%: Rojo
- 1-2%: Amarillo
2%: Verde
Paso 8: Top páginas de entrada
- Ve a Insertar → Tabla
- Configura:
- Dimensión: Página de destino + cadena de consulta
- Métricas: Sesiones, Tasa de engagement, Conversiones
- Ordenar: Por Sesiones, descendente
- Límite: 10 filas
Tip: Las páginas de entrada muestran por dónde llega el tráfico. Muy útil para optimizar landing pages.
Paso 9: Top campañas UTM
- Ve a Insertar → Tabla
- Configura:
- Dimensión: Campaña de sesión
- Métricas: Sesiones, Usuarios, Conversiones, Ingresos
- Filtro: Excluir "(not set)" y "(direct)"
- Ordenar: Por Sesiones, descendente
- Límite: 10 filas
Paso 10: Agregar filtros interactivos
Permite a los usuarios explorar los datos:
Filtro de dispositivo
- Insertar → Lista desplegable
- Dimensión: Categoría de dispositivo
- Colocar cerca del selector de fechas
Filtro de país (si tienes tráfico internacional)
- Insertar → Lista desplegable
- Dimensión: País
- Valor predeterminado: Todos
Paso 11: Estilizar el dashboard
Paleta de colores consistente
Define y usa una paleta limitada:
PALETA SUGERIDA:
├── Fondo página: #f8fafc
├── Fondo componentes: #ffffff
├── Texto principal: #1f2937
├── Texto secundario: #6b7280
├── Acentos: Tu color de marca
├── Éxito: #22c55e
├── Alerta: #f59e0b
└── Error: #ef4444
Aplicar tema global
- Ve a Tema y diseño (panel derecho)
- Configura colores predeterminados
- Define fuentes (recomendado: Inter o Roboto)
Agregar espaciado y organización
- Usa guías para alinear elementos
- Deja 16px mínimo entre componentes
- Agrupa elementos relacionados visualmente
Paso 12: Agregar contexto
Añadir textos explicativos
Para cada sección, agrega un título pequeño:
📊 Tendencia de usuarios (últimos 30 días)
Agregar nota al pie
- Inserta texto al final del dashboard
- Incluye:
- Fecha de última actualización
- Fuente de datos
- Contacto para preguntas
Última actualización: [Fecha automática]
Fuente: Google Analytics 4
Preguntas: marketing@tuempresa.com
Checklist de dashboard completo
Antes de compartir, verifica:
- Selector de fechas funciona correctamente
- Comparación vs período anterior está activada
- Los scorecards muestran métricas correctas
- Los gráficos tienen títulos claros
- Las tablas tienen límite de filas
- Filtros funcionan en todos los componentes
- Colores son consistentes
- Logo y branding están presentes
- No hay componentes desalineados
- Funciona en tablet/móvil (vista previa)
Ejemplo de dashboard terminado
┌─────────────────────────────────────────────────────────────────────┐
│ [LOGO] DASHBOARD DE MARKETING 📅 Últimos 30 días ▼ │
├─────────────────────────────────────────────────────────────────────┤
│ │
│ USUARIOS SESIONES CVR CONVERSIONES REVENUE │
│ 12,543 18,247 2.4% 437 $24,521 │
│ ▲ 15.2% ▲ 12.1% ▲ 0.3% ▲ 22.0% ▲ 18.4% │
│ │
│ ┌─────────────────────────────────┐ ┌─────────────────────────┐ │
│ │ 📈 Tendencia de usuarios │ │ 🍩 Canales │ │
│ │ │ │ │ │
│ │ ──────────╱╲────── │ │ ▓ Organic 42% │ │
│ │ ╱ ╲ │ │ ▓ Direct 28% │ │
│ │ ─────╱ ╲───── │ │ ▓ Paid 18% │ │
│ └─────────────────────────────────┘ └─────────────────────────┘ │
│ │
│ 📊 Rendimiento por canal │
│ ┌───────────────────────────────────────────────────────────────┐ │
│ │ Canal │ Sesiones │ Usuarios │ CVR │ Revenue │ │
│ │ Organic Search │ 7,664 │ 5,234 │ 3.2% │ $12,450 │ │
│ │ Direct │ 5,109 │ 4,102 │ 2.1% │ $6,230 │ │
│ │ Paid Search │ 3,285 │ 2,108 │ 1.8% │ $4,521 │ │
│ └───────────────────────────────────────────────────────────────┘ │
│ │
└─────────────────────────────────────────────────────────────────────┘
Puntos clave de esta lección
- Un buen dashboard tiene estructura jerárquica: KPIs → Tendencias → Detalle
- Siempre incluye selector de fechas con comparación
- Los scorecards dan contexto inmediato a los viewers
- Las tablas permiten profundizar en los datos
- La consistencia visual genera confianza
Quiz de comprensión
- ¿Por qué los scorecards van en la parte superior del dashboard?
- ¿Qué ventaja tiene incluir "comparación vs período anterior"?
- ¿Cuál es la diferencia entre un gráfico de línea y una tabla para mostrar datos por canal?
- ¿Por qué es importante aplicar formato condicional a las tablas?
Completaste esta leccion?
Marca esta leccion como completada. Tu progreso se guardara en tu navegador.