Lección 31 de 31•Dashboard E-commerce
Proyecto Final: Dashboard e-commerce completo
Integra todo en un dashboard profesional.
13 minutos
Has llegado al proyecto final del curso. Aqui integraras todo lo aprendido: tracking de ecommerce, analisis de GA4, y visualizacion en Looker Studio para crear un dashboard profesional que podras usar en proyectos reales.
Objetivo del proyecto
Crear un dashboard de ecommerce multi-pagina que permita:
- Monitorear KPIs principales de ventas
- Analizar el rendimiento de productos
- Entender el comportamiento del funnel de compra
- Evaluar el rendimiento de canales de trafico
- Tomar decisiones basadas en datos
Especificaciones del dashboard
Estructura de paginas
Dashboard E-commerce Profesional
│
├── Pagina 1: Executive Overview
│ └── KPIs principales, tendencias, resumen
│
├── Pagina 2: Productos & Categorias
│ └── Rendimiento detallado por producto
│
├── Pagina 3: Funnel de Conversion
│ └── Analisis de abandono por etapa
│
└── Pagina 4: Trafico & Canales
└── Fuentes, campanas, dispositivos
Requisitos tecnicos
- Fuente de datos: Google Analytics 4
- Herramienta: Looker Studio
- Filtros globales: Fecha, Dispositivo, Pais
- Comparacion: Periodo anterior en todos los KPIs
- Formato: Optimizado para pantalla 1400x900px
Pagina 1: Executive Overview
Wireframe
┌──────────────────────────────────────────────────────────────────────────┐
│ [Logo] Dashboard E-commerce [Device▼] [Country▼] [Date Range] │
├──────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────┐ ┌────────────┐ ┌────────────┐ ┌────────────┐ │
│ │ $125,430 │ │ 2,847 │ │ $44.05 │ │ 2.4% │ │
│ │ +12.5% │ │ +8.2% │ │ +3.1% │ │ +0.3pts │ │
│ │ Ingresos │ │ Pedidos │ │ AOV │ │ Conversion │ │
│ └────────────┘ └────────────┘ └────────────┘ └────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────────────┐ │
│ │ Ingresos por Dia (30 dias) │ │
│ │ ~~~~/\~~~~~/\~~~~~ │ │
│ │ / \/ │ │
│ │ --- Actual --- Periodo Anterior │ │
│ └────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────┐ ┌──────────────────────────────────┐ │
│ │ Top 5 Productos │ │ Trafico por Canal │ │
│ │ │ │ │ │
│ │ Producto A $21,060 │ │ ████████████ Organic 45% │ │
│ │ Producto B $15,800 │ │ ███████ Direct 28% │ │
│ │ Producto C $12,400 │ │ █████ Paid 15% │ │
│ │ Producto D $11,200 │ │ ███ Social 8% │ │
│ │ Producto E $9,780 │ │ ██ Email 4% │ │
│ │ │ │ │ │
│ └──────────────────────────────┘ └──────────────────────────────────┘ │
│ │
│ [Overview] [Productos] [Funnel] [Trafico] │
└──────────────────────────────────────────────────────────────────────────┘
Elementos a crear
Scorecards (4):
| Metrica | Campo GA4 | Formato |
|---|---|---|
| Ingresos Totales | Ingresos por compras | Moneda |
| Transacciones | Compras | Numero |
| AOV | Calculado: Ingresos/Compras | Moneda |
| Tasa de Conversion | Calculado: Compras/Sesiones | Porcentaje |
Grafica de linea temporal:
- Dimension: Fecha
- Metrica: Ingresos por compras
- Comparacion: Periodo anterior
Tabla Top 5 Productos:
- Dimension: Nombre del articulo
- Metricas: Ingresos del articulo, Articulos vendidos
- Ordenar: Ingresos descendente
- Limite: 5 filas
Grafica de barras - Trafico:
- Dimension: Agrupacion de canales predeterminada
- Metrica: Sesiones
- Top 5 canales
Pagina 2: Productos y Categorias
Wireframe
┌──────────────────────────────────────────────────────────────────────────┐
│ Productos & Categorias [Categoria▼] [Buscar] │
├──────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────┐ ┌────────────┐ ┌────────────┐ ┌────────────┐ │
│ │ 547 │ │ $89,430 │ │ 6.8% │ │ 28% │ │
│ │ Productos │ │ Ingresos │ │ Conv. Prod │ │ Add to Cart│ │
│ │ con Ventas │ │ Total │ │ Promedio │ │ Rate │ │
│ └────────────┘ └────────────┘ └────────────┘ └────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────────────┐ │
│ │ Rendimiento por Producto │ │
│ │ ───────────────────────────────────────────────────────────────── │ │
│ │ Producto │ Vistas │ Add Cart │ Compras │ Ingresos │ Conv % │ │
│ │ ───────────────────────────────────────────────────────────────── │ │
│ │ Audifonos Pro │ 3,542 │ 892 │ 234 │ $21,060 │ 6.6% │ │
│ │ Laptop Gamer │ 2,100 │ 315 │ 84 │ $75,600 │ 4.0% │ │
│ │ Mouse Wireless │ 4,891 │ 1,467 │ 489 │ $9,780 │ 10.0% │ │
│ │ [...] │ │
│ └────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────┐ ┌──────────────────────────────────┐ │
│ │ Ingresos por Categoria │ │ Productos sin Ventas │ │
│ │ │ │ │ │
│ │ Electronica $45,000 │ │ Producto X 120 vistas 0 vent │ │
│ │ Ropa $28,000 │ │ Producto Y 89 vistas 0 vent │ │
│ │ Accesorios $16,430 │ │ Producto Z 67 vistas 0 vent │ │
│ │ │ │ [Oportunidad de revision] │ │
│ └──────────────────────────────┘ └──────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────────────┘
Elementos clave
Tabla de rendimiento de productos:
- Dimensiones: Nombre del articulo
- Metricas:
- Articulos vistos (view_item)
- Articulos agregados al carrito
- Articulos comprados
- Ingresos del articulo
- Tasa de conversion (calculada)
- Ordenamiento: Por ingresos
- Paginacion: 25 filas
Grafica de categorias:
- Dimension: Categoria del articulo
- Metrica: Ingresos del articulo
- Tipo: Barras horizontales
Tabla de productos sin ventas:
- Filtro: Articulos comprados = 0 Y Articulos vistos > 50
- Util para identificar problemas de conversion
Pagina 3: Funnel de Conversion
Wireframe
┌──────────────────────────────────────────────────────────────────────────┐
│ Funnel de Conversion [Dispositivo▼] │
├──────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────────────────────────────────────────────────────────────┐ │
│ │ Funnel de Compra │ │
│ │ │ │
│ │ ┌────────────┐ │ │
│ │ │ 10,000 │ Ver Producto │ │
│ │ │ 100% │ │ │
│ │ └─────┬──────┘ │ │
│ │ │ 75% abandona │ │
│ │ ▼ │ │
│ │ ┌────────────┐ │ │
│ │ │ 2,500 │ Agregar al Carrito │ │
│ │ │ 25% │ │ │
│ │ └─────┬──────┘ │ │
│ │ │ 52% abandona │ │
│ │ ▼ │ │
│ │ ┌────────────┐ │ │
│ │ │ 1,200 │ Iniciar Checkout │ │
│ │ │ 12% │ │ │
│ │ └─────┬──────┘ │ │
│ │ │ 21% abandona │ │
│ │ ▼ │ │
│ │ ┌────────────┐ │ │
│ │ │ 944 │ Compra Completada │ │
│ │ │ 9.4% │ │ │
│ │ └────────────┘ │ │
│ └────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────┐ ┌──────────────────────────────────┐ │
│ │ Conversion por Dispositivo │ │ Abandono por Etapa │ │
│ │ │ │ │ │
│ │ Desktop 12.4% │ │ View -> Cart 75% │ │
│ │ Mobile 6.2% │ │ Cart -> Checkout 52% │ │
│ │ Tablet 8.8% │ │ Checkout -> Pago 21% │ │
│ │ │ │ │ │
│ └──────────────────────────────┘ └──────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────────────┘
Construir el funnel visualmente
Como Looker Studio no tiene funnel nativo, usaremos una combinacion:
Opcion 1: Scorecards verticales con flechas
- 4 scorecards alineados verticalmente
- Formas de flecha entre cada uno
- Color degradado de claro a oscuro
Opcion 2: Grafica de barras horizontales
- Dimension: Etapa del funnel (campo calculado o parametro)
- Metrica: Usuarios en cada etapa
Metricas necesarias:
Etapa 1: COUNT de view_item
Etapa 2: COUNT de add_to_cart
Etapa 3: COUNT de begin_checkout
Etapa 4: COUNT de purchase
Tabla de abandono:
- Calcula % de abandono entre etapas
- Resalta la etapa con mayor problema
Pagina 4: Trafico y Canales
Wireframe
┌──────────────────────────────────────────────────────────────────────────┐
│ Trafico & Canales [Fuente/Medio▼] │
├──────────────────────────────────────────────────────────────────────────┤
│ │
│ ┌────────────┐ ┌────────────┐ ┌────────────┐ ┌────────────┐ │
│ │ 45,230 │ │ 28,450 │ │ 62.9% │ │ 2:45 │ │
│ │ Sesiones │ │ Usuarios │ │ % Nuevos │ │ Duracion │ │
│ │ +15.2% │ │ +12.8% │ │ -2.1pts │ │ +0:18 │ │
│ └────────────┘ └────────────┘ └────────────┘ └────────────┘ │
│ │
│ ┌────────────────────────────────────────────────────────────────────┐ │
│ │ Trafico por Fuente/Medio │ │
│ │ ───────────────────────────────────────────────────────────────── │ │
│ │ Fuente/Medio │ Sesiones │ Usuarios │ Conv % │ Ingresos │ │
│ │ ───────────────────────────────────────────────────────────────── │ │
│ │ google / organic │ 18,500 │ 12,400 │ 3.2% │ $45,600 │ │
│ │ (direct) / (none) │ 12,800 │ 8,200 │ 2.8% │ $28,400 │ │
│ │ google / cpc │ 6,500 │ 5,800 │ 2.1% │ $12,300 │ │
│ │ facebook / social │ 3,200 │ 2,900 │ 1.5% │ $4,800 │ │
│ │ [...] │ │
│ └────────────────────────────────────────────────────────────────────┘ │
│ │
│ ┌──────────────────────────────┐ ┌──────────────────────────────────┐ │
│ │ Sesiones por Dia y Canal │ │ ROI por Canal (si hay datos) │ │
│ │ │ │ │ │
│ │ ~~~~~/\~~~~~ Organic │ │ Organic N/A (sin costo) │ │
│ │ -----/----- Paid │ │ Paid 320% ROI │ │
│ │ .....\..... Social │ │ Social 180% ROI │ │
│ │ │ │ Email 450% ROI │ │
│ └──────────────────────────────┘ └──────────────────────────────────┘ │
└──────────────────────────────────────────────────────────────────────────┘
Elementos clave
Tabla de fuentes/medios:
- Dimension: Fuente/Medio de la sesion
- Metricas: Sesiones, Usuarios, Tasa de conversion, Ingresos
- Insight: Identificar canales con mejor ROI
Grafica de tendencia multi-linea:
- Dimension: Fecha
- Dimension de desglose: Canal (top 4)
- Metrica: Sesiones
- Comparar evolucion de canales
Implementacion paso a paso
Checklist de construccion
Preparacion:
- Crear reporte nuevo en Looker Studio
- Conectar fuente de datos GA4
- Configurar tamano de pagina (1400x900)
- Aplicar tema con colores de marca
Pagina 1 - Overview:
- Agregar encabezado con logo y titulo
- Crear filtros globales (fecha, dispositivo, pais)
- Agregar 4 scorecards con comparacion
- Crear grafica de ingresos temporal
- Agregar tabla de top productos
- Crear grafica de trafico por canal
Pagina 2 - Productos:
- Duplicar encabezado y filtros
- Crear tabla detallada de productos
- Agregar grafica de categorias
- Crear tabla de productos sin ventas
Pagina 3 - Funnel:
- Construir visualizacion de funnel
- Agregar comparacion por dispositivo
- Crear tabla de tasas de abandono
Pagina 4 - Trafico:
- Crear scorecards de trafico
- Agregar tabla de fuentes/medios
- Crear grafica de tendencia por canal
Finalizacion:
- Agregar navegacion entre paginas
- Revisar en modo vista previa
- Probar todos los filtros
- Configurar permisos de compartir
- Programar envio semanal
Criterios de evaluacion
Tu dashboard sera exitoso si cumple con:
Funcionalidad (40%)
- Todos los KPIs calculan correctamente
- Filtros funcionan en todas las paginas
- Comparaciones muestran valores correctos
- Navegacion entre paginas funciona
Diseno (30%)
- Jerarquia visual clara (KPIs arriba)
- Colores consistentes
- Legibilidad en todos los elementos
- Espaciado adecuado
Utilidad (30%)
- Responde preguntas de negocio clave
- Insights accionables visibles
- Facil de entender sin explicacion
- Tiempo de carga aceptable (<5 seg)
Entrega del proyecto
Que entregar
- URL del dashboard en Looker Studio (con permisos de visualizacion)
- Documento de especificacion con:
- Audiencia objetivo
- KPIs seleccionados y por que
- Decisiones de diseno
- Limitaciones conocidas
Recursos adicionales
Si necesitas datos de prueba:
- Usa la cuenta de demostracion de GA4 de Google
- Google Merchandise Store tiene datos de ecommerce reales
Conclusion del curso
Felicidades por completar el curso de E-commerce Analytics. Ahora tienes las habilidades para:
- Implementar tracking de Enhanced Ecommerce en GA4
- Analizar el rendimiento de productos y conversion
- Usar Explorations para analisis avanzado
- Crear dashboards profesionales en Looker Studio
Proximos pasos recomendados
- Implementar en tu proyecto real - Aplica lo aprendido
- Iterar basado en feedback - Mejora el dashboard con uso
- Explorar integraciones - Conecta Google Ads, Search Console
- Automatizar alertas - Configura alertas para anomalias
- Profundizar en atribucion - Modelo de atribucion multi-touch
Recursos para seguir aprendiendo
- Google Analytics Academy (certificaciones gratuitas)
- Looker Studio Gallery (templates de la comunidad)
- Documentacion oficial de GA4 para ecommerce
- Comunidad de GA4 en Reddit y LinkedIn
Exito en tu carrera de analytics de ecommerce.
Quiz de autoevaluacion final
1. Cuantas paginas tiene el dashboard del proyecto final?
- a) 2 paginas
- b) 3 paginas
- c) 4 paginas
- d) 5 paginas
2. Cual es el proposito de la pagina "Productos y Categorias"?
- a) Mostrar solo los ingresos totales
- b) Analizar el rendimiento detallado por producto
- c) Ver el trafico del sitio
- d) Configurar el tracking
3. Por que es importante incluir "Productos sin ventas" en el dashboard?
- a) Para ocupar espacio
- b) Identificar productos con problemas de conversion
- c) Mostrar todos los productos del catalogo
- d) Cumplir requisitos de GA4
4. Que visualizacion alternativa se usa para el funnel en Looker Studio?
- a) Grafica de pastel
- b) Scorecards verticales con flechas o barras horizontales
- c) Mapa de calor
- d) Tabla pivot
5. Cual es el criterio mas importante de exito del dashboard?
- a) Que tenga muchos colores
- b) Que responda preguntas de negocio con insights accionables
- c) Que tenga mas de 10 paginas
- d) Que use todas las metricas disponibles
Respuestas: 1-c, 2-b, 3-b, 4-b, 5-b
¿Completaste esta lección?
Marca esta lección como completada. Tu progreso se guardará en tu navegador.