Drill-down y navegación entre páginas

Un dashboard verdaderamente interactivo permite a los usuarios profundizar en los datos y navegar entre diferentes vistas. En esta lección aprenderás a configurar drill-down, crear enlaces de navegación y diseñar elementos interactivos que mejoran la experiencia del usuario.

Configuración de Drill-Down

El drill-down permite a los usuarios hacer clic en un dato agregado para ver el siguiente nivel de detalle. Por ejemplo, de país a ciudad, o de año a mes.

Cómo Funciona el Drill-Down

Nivel 1: País → México
         ↓ (clic)
Nivel 2: Estado → Jalisco, CDMX, Nuevo León...
         ↓ (clic)
Nivel 3: Ciudad → Guadalajara, Zapopan...

Configurar Drill-Down en un Gráfico

Selecciona un gráfico (barras, tabla, mapa, etc.)
En el panel de datos, agrega múltiples dimensiones en orden jerárquico:

Dimensiones (en orden de jerarquía):
  1. pais
  2. estado
  3. ciudad

En Interacciones, habilita Drill down

Jerarquías Comunes para Drill-Down

Tipo de Análisis	Jerarquía de Drill-Down
Temporal	Año → Trimestre → Mes → Semana → Día
Geográfico	País → Estado → Ciudad
Producto	Categoría → Subcategoría → Producto
Organizacional	División → Departamento → Equipo → Persona
Marketing	Canal → Campaña → Grupo de anuncios → Anuncio

Indicadores Visuales de Drill-Down

Cuando el drill-down está activo, Looker Studio muestra:

Flechas de navegación (↑ para subir de nivel, ↓ para bajar)
Breadcrumb mostrando el nivel actual
Indicador del filtro activo

← Volver | País: México > Estado: Jalisco

Ejemplo: Drill-Down en Gráfico de Barras

Para un análisis de ventas por geografía:

Configuración del gráfico:
  Tipo: Gráfico de barras
  Dimensiones: [pais, estado, ciudad]
  Métrica: ventas_totales
  Drill down: Habilitado

El usuario inicia viendo ventas por país. Al hacer clic en "México", ve los estados mexicanos. Al hacer clic en "Jalisco", ve las ciudades.

Enlaces de Navegación Entre Páginas

La navegación entre páginas permite crear flujos donde los usuarios pueden moverse de una vista general a vistas de detalle.

Crear un Enlace de Navegación

Selecciona un elemento (texto, forma, imagen, botón)
Clic derecho > Agregar un enlace
Selecciona Vincular a página de este informe
Elige la página destino

Elemento: Botón "Ver detalle"
Enlace: Página "Análisis Detallado"

Texto como Enlace

Puedes convertir cualquier texto en un enlace:

Texto: "Ver análisis por región →"
Enlace a: Página "Análisis Regional"

En el panel de propiedades, el texto enlazado puede tener un estilo diferente:

Estilo de enlace:
  Color: Azul (#1a73e8)
  Subrayado: Sí
  Cursor: Pointer

Navegación con Formas y Botones

Crea botones de navegación usando formas:

Inserta un rectángulo redondeado
Agrega texto encima: "Ir a Ventas"
Agrupa forma + texto
Agrega enlace al grupo

Botón de navegación:
  Forma: Rectángulo (esquinas redondeadas 8px)
  Fondo: #ae4291 (púrpura Tooldata)
  Texto: "Ver Dashboard de Ventas"
  Enlace: Página "Ventas"

Imágenes como Elementos Interactivos

Las imágenes pueden servir como botones de navegación o iconos clicables.

Agregar Imagen con Enlace

Insertar > Imagen
Sube o referencia la imagen
Agrega el enlace correspondiente

Imagen: icono-ventas.png
Tamaño: 48x48 px
Enlace: Página "Dashboard Ventas"
Alt text: "Ir a ventas"

Crear una Barra de Navegación con Iconos

┌──────────────────────────────────────────────┐
│  [📊]    [💰]    [👥]    [📈]    [⚙️]      │
│  Inicio  Ventas  Clientes Trends  Config    │
└──────────────────────────────────────────────┘

Cada icono enlaza a su página correspondiente:

Icono	Página Destino
Inicio	Página 1: Overview
Ventas	Página 2: Ventas
Clientes	Página 3: Clientes
Trends	Página 4: Tendencias
Config	Página 5: Configuración

Parámetros URL para Filtrado

Los parámetros URL permiten abrir el dashboard con filtros predefinidos, ideal para compartir vistas específicas.

Estructura de la URL con Parámetros

https://lookerstudio.google.com/reporting/[ID_REPORTE]/page/[ID_PAGINA]?params={"df1":"include%3D0%3D1234"}

Formato de Parámetros

Los parámetros siguen esta estructura:

?params={"[control_id]":"[operador]%3D[campo_id]%3D[valor]"}

Donde:

control_id: ID del control de filtro (ej: df1, df2)
operador: include (incluir) o exclude (excluir)
campo_id: ID numérico del campo
valor: Valor a filtrar

Ejemplo Práctico

Para abrir el dashboard filtrado por país = México:

URL base:
https://lookerstudio.google.com/reporting/abc123/page/p1

Con filtro de país:
https://lookerstudio.google.com/reporting/abc123/page/p1?params={"df44":"include%3D0%3DMexico"}

Encontrar los IDs de Controles

Abre el dashboard en modo edición
Selecciona el control
En el panel de propiedades, busca el ID del control

Compartir URLs Filtradas

Los parámetros URL son útiles para:

Enviar enlaces directos a vistas específicas por correo
Crear bookmarks con configuraciones frecuentes
Integrar dashboards en otros sistemas con contexto predefinido

Mejores Prácticas de Navegación

Consistencia en la Ubicación

Coloca la navegación en el mismo lugar en todas las páginas:

Recomendación:
  Navegación principal: Parte superior
  Breadcrumbs: Debajo del título
  Enlaces secundarios: Junto al contenido relacionado

Indicar la Página Actual

Resalta visualmente la página actual en el menú de navegación:

[Inicio] [Ventas] [*Clientes*] [Tendencias]

*Clientes* está resaltado porque es la página actual

Implementación con formato condicional o creando variantes del menú para cada página.

Proporcionar Contexto de Navegación

Usa breadcrumbs para mostrar dónde está el usuario:

Dashboard Principal > Ventas > Detalle por Región > México

Evitar Callejones sin Salida

Asegúrate de que cada página tenga forma de volver:

✓ Buena práctica:
  [← Volver al Dashboard Principal]

✗ Evitar:
  Página de detalle sin forma de regresar

Botones de Acción

Además de navegación, puedes crear botones para acciones externas.

Enlace a URL Externa

Botón: "Descargar datos completos"
Enlace: https://drive.google.com/[archivo_csv]
Abrir en: Nueva pestaña

Enlace a Otro Recurso de Google

Botón: "Ver en Sheets"
Enlace: https://docs.google.com/spreadsheets/d/[ID]

Enlace de Correo

Botón: "Contactar soporte"
Enlace: mailto:soporte@empresa.com?subject=Consulta%20Dashboard

Ejercicio Práctico

Crea un sistema de navegación completo:

Menú principal en la parte superior con 4 páginas
Drill-down en un gráfico de barras: Categoría → Subcategoría → Producto
Botón de detalle que lleva de la página Overview a la página de Análisis Detallado
Enlace de regreso en cada página de detalle
URL con parámetros para abrir el dashboard filtrado por "Electrónicos"

Puntos Clave

El drill-down permite explorar datos jerárquicamente, de lo general a lo específico, agregando múltiples dimensiones en orden de jerarquía
Los enlaces de página convierten textos, formas e imágenes en elementos clicables que navegan entre páginas del reporte
Las imágenes interactivas funcionan como iconos de navegación para crear barras de menú visuales
Los parámetros URL permiten abrir dashboards con filtros predefinidos, facilitando compartir vistas específicas
La consistencia en navegación mejora la experiencia: usa la misma ubicación y estilo en todas las páginas
Los breadcrumbs ayudan a los usuarios a entender su ubicación dentro de la jerarquía del dashboard
Evita callejones sin salida: cada página de detalle debe tener un enlace para regresar