Construir el dashboard en Looker Studio

Es momento de convertir tu plan en un dashboard funcional. En esta leccion construiremos paso a paso un dashboard de ecommerce completo en Looker Studio, conectando GA4 como fuente de datos.

Preparacion inicial

Requisitos previos

Antes de comenzar, asegurate de tener:

Cuenta de Google con acceso a Looker Studio
Propiedad de GA4 con tracking de ecommerce implementado
Al menos 7 dias de datos para visualizaciones significativas
El plan del dashboard de la leccion anterior

Acceder a Looker Studio

Ve a lookerstudio.google.com
Inicia sesion con tu cuenta de Google
Veras tu pagina de inicio con reportes existentes

Paso 1: Crear el reporte

Iniciar reporte en blanco

Haz clic en "+ Crear" > "Reporte"
Se abrira el selector de fuentes de datos

Conectar GA4 como fuente de datos

En el panel de conectores, busca "Google Analytics"
Selecciona Google Analytics
Autoriza el acceso si es la primera vez
Selecciona tu cuenta, propiedad GA4 y haz clic en "Agregar"
Haz clic en "Agregar al reporte" en el popup de confirmacion

Importante: Asegurate de seleccionar tu propiedad GA4, no una propiedad Universal Analytics.

Configurar el lienzo

Una vez conectado, configura el tamano del dashboard:

Ve a Archivo > Configuracion del reporte y tema
En Tamano del lienzo, selecciona Personalizado
Configura: Ancho: 1400px, Alto: 900px
Cierra el panel

Paso 2: Crear el encabezado

Agregar titulo

Haz clic en "Insertar" > "Texto"
Dibuja un cuadro de texto en la parte superior
Escribe: "Dashboard E-commerce"
Formatea: Tamano 24px, Bold
Posicion: x=24, y=16

Agregar logo (opcional)

"Insertar" > "Imagen"
Sube tu logo o usa URL
Posiciona a la derecha del titulo
Ajusta tamano a 40x40px aproximadamente

Agregar control de fecha

"Insertar" > "Control de rango de fechas"
Posiciona en la esquina superior derecha
En propiedades, configura:
- Rango predeterminado: Ultimos 30 dias
- Comparar con: Periodo anterior

┌────────────────────────────────────────────────────────────────┐
│  Dashboard E-commerce              [Logo]    [Ene 1 - Ene 30 ▼]│
└────────────────────────────────────────────────────────────────┘

Paso 3: Crear scorecards de KPIs

Scorecard de Ingresos Totales

"Insertar" > "Grafico de tarjetas de resultados"
Dibuja un rectangulo debajo del encabezado
En el panel de datos (derecha):
- Metrica: Selecciona "Ingresos totales por articulo" o "Ingresos por compras"
En Estilo:
- Fuente compacta: 48px
- Mostrar comparacion: Activado
- Etiqueta: "Ingresos Totales"

Configuracion de comparacion

Para que muestre el % de cambio:

Con el scorecard seleccionado
En el panel de datos, seccion Periodo de comparacion
Selecciona Periodo anterior
El scorecard ahora muestra el cambio porcentual

Replicar para otros KPIs

Crea scorecards adicionales:

Scorecard: Transacciones

Metrica: Compras (o cuenta de purchase)
Etiqueta: "Transacciones"

Scorecard: AOV (Valor Promedio de Pedido)

Metrica: Necesitas crear una metrica calculada
Ve a "Recurso" > "Administrar fuentes de datos agregadas"
Crea campo calculado: Ingresos totales / Compras
Etiqueta: "AOV"

Scorecard: Tasa de Conversion

Metrica: "Conversion de comercio electronico" o crea: Compras / Sesiones
Formato: Porcentaje
Etiqueta: "Tasa de Conversion"

Organizar scorecards

Alinea los 4 scorecards horizontalmente:

┌──────────┐  ┌──────────┐  ┌──────────┐  ┌──────────┐
│ $125,430 │  │  2,847   │  │  $44.05  │  │   2.4%   │
│  +12.5%  │  │   +8.2%  │  │   +3.1%  │  │  -0.2pts │
│ Ingresos │  │Transacc. │  │   AOV    │  │ Conv. %  │
└──────────┘  └──────────┘  └──────────┘  └──────────┘

Tip: Usa las guias de alineacion de Looker Studio. Selecciona todos los scorecards > clic derecho > "Alinear" > "Distribuir horizontalmente".

Paso 4: Grafica de tendencia de ingresos

Crear grafica de linea temporal

"Insertar" > "Grafica de series temporales"
Dibuja un rectangulo grande debajo de los scorecards
Configura:
- Dimension de fecha: Fecha
- Metrica: Ingresos totales por articulo
- Granularidad: Por dia (o semana si el rango es largo)

Agregar linea de comparacion

En propiedades de la grafica, activa "Comparacion"
Selecciona "Periodo anterior"
Ahora veras dos lineas: actual y periodo anterior

Personalizar estilo

En el panel Estilo:

Color linea actual: #ae4291 (rosa Tooldata)
Color linea comparacion: #9ca3af (gris)
Grosor de linea: 2px
Mostrar puntos de datos: Si
Titulo del grafico: "Ingresos por Dia"

      Ingresos por Dia
  ┌─────────────────────────────────────────────┐
  │    /\                                       │
  │   /  \    /\      /\                       │
  │  /    \  /  \    /  \   Actual             │
  │ /      \/    \  /    \_____                │
  │────────────────────────────  Anterior      │
  └─────────────────────────────────────────────┘
      1    5    10   15   20   25   30

Paso 5: Tabla de productos mas vendidos

Crear tabla

"Insertar" > "Tabla"
Posiciona en la mitad izquierda inferior
Configura:
- Dimension: Nombre del articulo
- Metricas:
  - Articulos comprados (cantidad)
  - Ingresos del articulo
  - Articulos vistos

Configurar ordenamiento

En propiedades, seccion Ordenar
Ordena por: Ingresos del articulo (descendente)
Limita filas: 10

Personalizar columnas

En el panel Estilo:

Encabezado: Bold, fondo gris claro
Filas alternas: Colores sutiles
Formato numeros: Moneda para ingresos, entero para cantidades

┌─────────────────────────────────────────────────────────┐
│ Producto              │ Vendidos │ Ingresos │ Vistas   │
├───────────────────────┼──────────┼──────────┼──────────┤
│ Audifonos Pro         │    234   │ $21,060  │  3,542   │
│ Laptop Gamer          │     84   │ $75,600  │  2,100   │
│ Mouse Wireless        │    489   │  $9,780  │  4,891   │
│ Teclado Mecanico      │    112   │ $11,200  │  2,234   │
│ Webcam HD             │    256   │  $7,680  │  3,120   │
└─────────────────────────────────────────────────────────┘
         Top 10 Productos por Ingresos

Agregar titulo a la tabla

"Insertar" > "Texto"
Escribe: "Top 10 Productos por Ingresos"
Posiciona arriba de la tabla
Formato: 16px, Semi-bold

Paso 6: Grafica de trafico por canal

Crear grafica de barras

"Insertar" > "Grafica de barras"
Posiciona en la mitad derecha inferior
Configura:
- Dimension: Agrupacion de canales predeterminada
- Metrica: Sesiones

Alternativa: Grafica de pastel

Si prefieres distribucion porcentual:

"Insertar" > "Grafico circular"
Misma configuracion de dimension y metrica

Personalizar colores por canal

En Estilo > Colores de la serie:

Organic Search: Verde
Direct: Azul
Paid Search: Naranja
Social: Rosa
Referral: Morado
Email: Amarillo

    Trafico por Canal
  ┌─────────────────────────────┐
  │ Organic ████████████  45%   │
  │ Direct  ███████      28%    │
  │ Paid    █████        15%    │
  │ Social  ███           8%    │
  │ Email   ██            4%    │
  └─────────────────────────────┘

Paso 7: Agregar filtros interactivos

Filtro de dispositivo

"Insertar" > "Control de lista desplegable"
Posiciona cerca del control de fechas
Configura:
- Dimension: Categoria de dispositivo
- Metrica de ordenamiento: Sesiones (desc)
En propiedades, activa "Permitir nulo" para opcion "Todos"

Filtro de pais (opcional)

"Insertar" > "Control de lista desplegable"
Configura:
- Dimension: Pais
- Limita a top 10 paises por sesiones

Hacer filtros interactivos globales

Por defecto, los filtros afectan todos los graficos. Para limitar:

Selecciona el filtro
En propiedades, seccion "Grupo de filtros"
Puedes crear grupos para que ciertos filtros solo afecten ciertos graficos

Paso 8: Funnel de conversion simplificado

Crear grafica de barras como funnel

Looker Studio no tiene funnel nativo, pero puedes simularlo:

"Insertar" > "Grafica de barras"
Crea un campo calculado para cada etapa o usa metricas de eventos
Configura como barras horizontales

Alternativa: Scorecards como funnel

Crea 4 scorecards en fila:

┌─────────┐  ┌─────────┐  ┌─────────┐  ┌─────────┐
│ 10,000  │→ │  2,500  │→ │  1,200  │→ │   944   │
│ Vistas  │  │ Add Cart│  │Checkout │  │ Compras │
│  100%   │  │   25%   │  │   12%   │  │  9.4%   │
└─────────┘  └─────────┘  └─────────┘  └─────────┘

Usa flechas (insertar formas) entre los scorecards para visualizar el flujo.

Paso 9: Aplicar tema y estilo global

Configurar tema

Ve a "Tema y diseno" en el menu superior
Selecciona un tema base o crea personalizado
Configura:
- Fuente principal: Inter o Roboto
- Color primario: #ae4291
- Color secundario: #35286b
- Fondo: #ffffff o #f9fafb

Aplicar bordes y sombras consistentes

Selecciona todos los elementos:

En Estilo, seccion Fondo y borde
Borde: 1px, color #e5e7eb
Radio de borde: 8px
Sombra: Ligera

Paso 10: Revisar y publicar

Modo vista previa

Haz clic en "Ver" en la barra superior
Navega el dashboard como lo haria un usuario
Prueba:
- Filtros funcionan correctamente
- Datos se actualizan con cambio de fecha
- Graficas son legibles
- Comparaciones muestran valores correctos

Verificar rendimiento

Si el dashboard carga lento:

Reduce el rango de fechas predeterminado
Limita filas en tablas
Simplifica campos calculados complejos

Compartir el dashboard

Haz clic en "Compartir" (esquina superior derecha)
Opciones:
- Invitar personas: Por email con permisos de ver/editar
- Obtener enlace: URL publica o restringida
- Programar envio: Email automatico con PDF

Configurar envio programado

En Compartir > Programar envio por correo electronico
Configura:
- Destinatarios: emails separados por coma
- Frecuencia: Diario, semanal, mensual
- Hora de envio
- Formato: PDF adjunto o enlace

Estructura final del dashboard

┌────────────────────────────────────────────────────────────────┐
│ Dashboard E-commerce    [Logo]  [Dispositivo▼] [Ene 1-30 ▼]   │
├────────────────────────────────────────────────────────────────┤
│ ┌──────────┐ ┌──────────┐ ┌──────────┐ ┌──────────┐           │
│ │ $125,430 │ │  2,847   │ │  $44.05  │ │   2.4%   │           │
│ │  +12.5%  │ │   +8.2%  │ │   +3.1%  │ │  -0.2pts │           │
│ │ Ingresos │ │ Pedidos  │ │   AOV    │ │ Conv. %  │           │
│ └──────────┘ └──────────┘ └──────────┘ └──────────┘           │
├────────────────────────────────────────────────────────────────┤
│ ┌────────────────────────────────────────────────────────────┐│
│ │                Ingresos por Dia                            ││
│ │         ~~~~~/\~~~~~/\~~~~~                                ││
│ │        /          \/                                       ││
│ └────────────────────────────────────────────────────────────┘│
├────────────────────────────────────────────────────────────────┤
│ ┌─────────────────────────┐  ┌─────────────────────────────┐  │
│ │ Top 10 Productos        │  │ Trafico por Canal           │  │
│ │ ───────────────────────│  │ ████████████ Organic 45%    │  │
│ │ Audifonos   234 $21,060│  │ ███████      Direct  28%    │  │
│ │ Laptop       84 $75,600│  │ █████        Paid    15%    │  │
│ │ Mouse       489  $9,780│  │ ███          Social   8%    │  │
│ │ ...                    │  │ ██           Email    4%    │  │
│ └─────────────────────────┘  └─────────────────────────────┘  │
└────────────────────────────────────────────────────────────────┘

Puntos clave de esta leccion

Conectar GA4 a Looker Studio es el primer paso critico
Los scorecards con comparacion dan contexto a los KPIs
Las graficas de linea temporal revelan tendencias
Las tablas de productos identifican bestsellers
Los filtros interactivos permiten exploracion personalizada
Siempre revisa en modo vista previa antes de compartir
El envio programado mantiene informados a los stakeholders

Proxima leccion

En la leccion final integraremos todo lo aprendido en un Proyecto Final: Dashboard de E-commerce Completo, donde construiras un dashboard multi-pagina con todas las mejores practicas del curso.

Quiz de autoevaluacion

1. Cual es el primer paso al crear un reporte en Looker Studio?

a) Agregar scorecards
b) Conectar la fuente de datos
c) Configurar el tema
d) Agregar filtros

2. Para mostrar el cambio porcentual en un scorecard, que debes configurar?

a) Un campo calculado separado
b) El periodo de comparacion en las propiedades
c) Un filtro de fecha adicional
d) Una metrica secundaria

3. Cual dimension usarias para la tabla de productos mas vendidos?

a) Categoria de dispositivo
b) Fuente/Medio
c) Nombre del articulo
d) Pais

4. Si quieres que un filtro afecte solo ciertos graficos, que debes usar?

a) Filtros globales
b) Grupos de filtros
c) Campos calculados
d) Parametros

5. Cual es el formato recomendado para envios programados de dashboard?

a) CSV
b) Excel
c) PDF adjunto o enlace
d) JSON

Respuestas: 1-b, 2-b, 3-c, 4-b, 5-c