La visualización del embudo permite a los creadores de informes visualizar cómo cambia una métrica en los eventos de un proceso secuencial. Por ejemplo, un gráfico de embudo puede visualizar de manera eficaz las etapas de los clientes potenciales en un embudo de ventas, la participación en una campaña de marketing o el movimiento de los visitantes a través de un sitio web.
Los gráficos de embudo suelen ser más eficaces cuando la primera etapa del proceso es la más grande (como el 100%) y cada etapa progresiva disminuye a partir de ahí. Los gráficos de embudo muestran el valor de cada categoría variando el ancho de cada barra. Los valores más grandes tienen barras más anchas, mientras que los valores más pequeños tienen barras más estrechas.
Además, puedes elegir mostrar el valor de cada categoría variando la altura de cada barra cuando selecciones la opción de estilo de embudo triángulo invertido.
Requisitos
Los gráficos de embudo requieren los siguientes campos en la pestaña Configuración del panel Propiedades:
- Dimensión: Es una dimensión cuyos valores proporcionan las etiquetas para cada paso o evento en el gráfico de embudo, lo que te permite ver la diferencia entre cada evento.
- Métrica: Es una métrica que mide los eventos que se incluyen en la dimensión y determina el ancho y la posición de cada evento en el gráfico de embudo.
- Campo Ordenar: Es un campo que servirá como base para ordenar los eventos en el gráfico de embudo.
Qué debes saber
Hay varios aspectos que debes tener en cuenta sobre los gráficos de embudo en Looker Studio:
- Los creadores de informes pueden ordenar los gráficos de embudo por la métrica establecida de forma ascendente o descendente. Esto permite que los creadores de informes muestren cómo cambia la métrica de diferentes maneras. Si eliges ordenar por algo que no sea la métrica (una dimensión establecida o una etiqueta de dimensión), el gráfico de embudo se puede ordenar en orden alfabético, en lugar de por valores numéricos.
- Las etiquetas de datos aparecerán automáticamente dentro o fuera de las barras (según si el ancho de la barra puede admitir el texto), incluso cuando la opción de estilo Posición de la etiqueta de la barra esté configurada en Dentro.
- Puedes mantener el puntero sobre una barra en un gráfico de embudo para acceder a una información sobre la herramienta que muestra más detalles sobre el valor de una barra.
Ejemplos de gráficos de embudo
Puedes configurar los gráficos de embudo para que muestren datos de diferentes maneras. En esta sección, se incluyen ejemplos de las siguientes opciones de estilo de embudo:
Estas opciones de estilo de embudo se encuentran en la pestaña Estilo del panel Propiedades del gráfico.
Barra suavizada
La opción de barras suavizadas muestra los datos del gráfico de embudo como barras con bordes lisos que se conectan entre sí. El ancho de cada barra varía según su valor. Los valores más altos tienen barras más anchas y los valores más bajos tienen barras más estrechas. Los embudos de barras suavizados no necesariamente llegan a un punto.
Por ejemplo, un gráfico de embudo visualiza la dimensión Eventos del sitio web y la métrica Cantidad de eventos para hacer un seguimiento de la cantidad de usuarios del sitio web que realizan compras. Un gráfico de embudo de barras suavizado muestra los siguientes nombres de eventos ordenados por la métrica Cantidad de eventos en orden descendente y la etiqueta de datos % de la anterior :
- Ver producto (100% )
- Agregar al carrito (63.45%)
- Compra (44.77%)
- Registrarse para obtener una cuenta (13%)
- Cancelar pedido (0.53%)
La parte superior de cada barra tiene el mismo ancho que el ancho más pequeño de la barra anterior, lo que permite a los usuarios comparar rápidamente cómo se corresponden los valores de cada categoría de evento.
Barra escalonada
La opción de barras escalonadas muestra los datos del gráfico de embudo como barras escalonadas, en las que el ancho de cada barra varía según su valor. Los valores más grandes tienen barras más anchas y los valores más pequeños tienen barras más estrechas.
Por ejemplo, un gráfico de embudo visualiza la dimensión Eventos del sitio web y la métrica Cantidad de eventos para hacer un seguimiento de la cantidad de usuarios del sitio web que realizan compras. Un gráfico de embudo de barras escalonadas muestra los siguientes nombres de eventos ordenados por la métrica Recuento de eventos en orden descendente y la etiqueta de datos % de anterior :
- Ver producto (100% )
- Agregar al carrito (63.45%)
- Compra (44.77%)
- Registrarse para obtener una cuenta (13%)
- Cancelar pedido (0.53%)
La barra de cada categoría de evento se muestra de forma clara en comparación con las barras anteriores, lo que es más representativo de los datos que se presentan en el gráfico de embudo.
Triángulo invertido
La opción de triángulo invertido muestra los datos del gráfico de embudo en una forma triangular más uniforme con un punto en la parte inferior, en la que el ancho y el orden de cada valor en el triángulo varían según su valor. Los eventos con valores de métricas más altos se muestran en secciones más anchas, en la base del triángulo o más cerca de ella.
Por ejemplo, un gráfico de embudo visualiza la dimensión Eventos del sitio web y la métrica Cantidad de eventos para hacer un seguimiento de la cantidad de usuarios del sitio web que realizan compras. Un gráfico de embudo de triángulo invertido muestra los siguientes nombres de eventos ordenados por la métrica Recuento de eventos en orden descendente y la etiqueta de datos % de la anterior :
- Ver producto (100% )
- Agregar al carrito (63.45%)
- Compra (44.77%)
- Registrarse para obtener una cuenta (13%)
- Cancelar pedido (0.53%)
Como alternativa, puedes habilitar la opción Usar alturas proporcionales en la pestaña Diseño para mostrar valores variando la altura de cada barra. Los valores más grandes tienen barras más altas, mientras que los valores más pequeños tienen barras más cortas.
Los datos del embudo se presentan de una forma más uniforme y optimizada, lo que permite a los usuarios determinar rápidamente las categorías de eventos con la cantidad más alta y más baja de eventos.
Agrega el gráfico
Agrega un gráfico nuevo o selecciona uno existente. Luego, usa el panel Properties para configurar las propiedades de las pestañas Setup y Style del gráfico para configurar los datos del gráfico y aplicarle un diseño, respectivamente.
Configura los datos del gráfico
Las opciones de la pestaña Configuración del panel Propiedades determinan cómo se organizan y muestran los datos del gráfico.
Fuente de datos
Una fuente de datos proporciona la conexión entre el componente y el conjunto de datos subyacente.
- Para cambiar la fuente de datos del gráfico, haz clic en el nombre de la fuente de datos actual.
- Para ver o editar la fuente de datos, haz clic en el ícono
Editar fuente de datos. (Debes tener al menos permiso de lector para ver este ícono). - Haz clic en Combinar datos para ver los datos de varias fuentes de datos en el mismo gráfico. Obtén más información sobre la combinación de datos.
Dimensión
Las dimensiones son categorías de datos. Los valores de dimensión (los datos que contiene la dimensión) son nombres, descripciones y otras características de una categoría.
La dimensión proporciona las etiquetas para las barras del gráfico de embudo.
Métrica
Las métricas miden los elementos que se incluyen en las dimensiones y proporcionan la escala numérica y las series de datos del gráfico.
Las métricas son agregaciones que provienen del conjunto de datos subyacente o que son el resultado de aplicar una función de agregación de forma implícita o explícita, como COUNT(), SUM() o AVG(). La métrica en sí no tiene un conjunto definido de valores, por lo que no puedes agrupar por una métrica como lo puedes hacer con una dimensión.
Obtén más información sobre la agregación.
Filtro
Los filtros restringen los datos que se muestran en el componente, ya que incluyen o excluyen los valores que especificas. Obtén más información sobre la propiedad de filtro.
Entre las opciones de filtro, se incluyen las siguientes:
- Nombre del filtro: Haz clic en un filtro existente para editarlo. Coloca el cursor sobre el nombre del filtro y haz clic en la X para borrarlo.
- Agregar filtro: Haz clic en esta opción para crear un filtro nuevo para el gráfico.
Dimensión de período
Esta opción aparece si tu fuente de datos tiene una dimensión de fecha válida.
La dimensión del período se usa como base para limitar el período del gráfico. Por ejemplo, esta es la dimensión que se utiliza si estableces una propiedad de período para el gráfico o si un usuario del informe usa un control de período para limitar el período.
Este campo es opcional para los gráficos de embudo.
Filtro de período predeterminado
El filtro de período predeterminado te permite establecer un período para un gráfico individual.
Entre las opciones predeterminadas del filtro de período, se incluyen las siguientes:
- Automático: Usa el período predeterminado, que se determina según la fuente de datos del gráfico.
- Personalizado: Te permite usar el widget de calendario para seleccionar un período personalizado para el gráfico.
Ordenar
El campo Ordenar te permite elegir una dimensión para ordenar las barras del gráfico de embudo, ya sea de forma ascendente o descendente.
De forma predeterminada, el campo que se establece como Métrica también será el campo Ordenar.
Interacciones con gráficos
El filtro cruzado permite que los usuarios de los informes interactúen con un gráfico y apliquen esa interacción como filtro a otros gráficos del informe. Cuando el filtrado cruzado está activado para un gráfico, puedes hacer clic en uno o más valores de dimensión del gráfico para filtrar el informe. Obtén más información sobre el filtrado cruzado.
Aplica diseño al gráfico
Las opciones de la pestaña Estilo controlan la presentación y la apariencia general del gráfico.
Título del gráfico
Activa el interruptor Mostrar título para agregar un título a tu gráfico. Looker Studio puede generar un título automáticamente, o bien puedes crear uno personalizado para el gráfico. También puedes personalizar el diseño y la ubicación del título.
Generar automáticamente
Esta opción está habilitada de forma predeterminada. Cuando se habilita Autogenerar, Looker Studio genera un título basado en el tipo de gráfico y los campos que se usan en él. El título generado automáticamente se actualizará si cambias el tipo de gráfico o realizas cambios en los campos que se usan en él.
Para agregar un título personalizado a tu gráfico, ingrésalo en el campo Título. Esto desactivará el parámetro de configuración Autogenerar.
Opciones de título
Cuando el parámetro de configuración Mostrar título está habilitado, puedes usar las siguientes opciones de título:
- Título: Proporciona un campo de texto en el que los editores de informes pueden ingresar un título personalizado para el gráfico.
- Familia de fuentes: Establece el tipo de fuente para el texto del título.
- Tamaño de fuente: Establece el tamaño de fuente del texto del título.
- Color de fuente: Establece el color de fuente del texto del título.
- Opciones de diseño de fuente: Aplica el diseño de negrita, cursiva o subrayado al texto del título.
- En la parte superior: Coloca el título del gráfico en la parte superior.
- Parte inferior: Coloca el título del gráfico en la parte inferior.
- Izquierda: Alinea el título del gráfico a la izquierda.
- Centrar: Centra el título del gráfico encima o debajo de él.
- Derecha: Alinea el título del gráfico en el lado derecho.
Gráfico de embudo
El parámetro de configuración Funnel shape te permite elegir cómo mostrar los datos del gráfico de embudo. Las opciones incluyen las siguientes:
- Barra suavizada: Muestra los datos del gráfico de embudo como barras con bordes lisos que se conectan entre sí. El ancho de cada barra varía según su valor. Los valores más grandes tienen barras más anchas y los valores más pequeños tienen barras más estrechas. Los embudos con barras suavizadas no necesariamente llegarán a un punto. Consulta el ejemplo de barra suavizada en esta página.
- Barra escalonada: Muestra los datos del gráfico de embudo como barras escalonadas, en las que el ancho de cada barra varía según su valor. Los valores más grandes tienen barras más anchas y los valores más pequeños tienen barras más estrechas. Consulta el ejemplo de la barra escalonada en esta página.
- Triángulo invertido: Muestra los datos del gráfico de embudo en una forma más uniforme, en la que el ancho y el orden de cada valor en el triángulo varían según su valor. Consulta el ejemplo de triángulo invertido en esta página.
- Usar alturas proporcionales: Muestra los datos del gráfico de embudo de triángulo invertido por altura cuando está habilitado. Los valores más grandes tienen barras más altas, mientras que los valores más pequeños tienen barras más cortas. Activa el interruptor para habilitar o inhabilitar el parámetro de configuración Usar alturas proporcionales. Este parámetro de configuración solo está disponible cuando se selecciona la opción Triángulo invertido.
- Mostrar etiquetas de datos: Cuando está habilitada, la opción Mostrar etiquetas de datos muestra las etiquetas de cada barra en el gráfico de embudo. Activa el interruptor para habilitar o inhabilitar el parámetro de configuración Mostrar etiquetas de datos.
Consulta la sección de ejemplos de gráficos de embudo en esta página para obtener más detalles sobre cómo se muestra cada forma de embudo.
Etiqueta de datos
En esta sección, se controla la presentación de las etiquetas de datos para las barras del gráfico de embudo. Activa el parámetro de configuración Mostrar etiquetas de datos para ver estas opciones:
- Mostrar etiquetas de datos como: Establece cómo se muestran las etiquetas. Las opciones son Cantidad, Porcentaje o Cantidad + Porcentaje.
- Tipo de porcentaje: Cuando se selecciona el tipo de etiqueta de datos Porcentaje o Número + Porcentaje, puedes elegir qué porcentaje mostrar. Las opciones incluyen las siguientes:
- % de máx.: Compara el valor de una barra con el valor más alto del gráfico.
- % del valor anterior: Compara el valor de una barra con el de la barra anterior en el gráfico.
- Mostrar dimensión: Muestra el valor de la dimensión para cada barra del gráfico de embudo. Activa el interruptor para habilitar o inhabilitar este parámetro de configuración.
- Mostrar métrica: Muestra el valor de la métrica para cada barra del gráfico de embudo. Activa el interruptor para habilitar o inhabilitar este parámetro de configuración.
- Números compactos: Redondea los números y muestra el indicador de unidad. Por ejemplo, 553,939 se convierte en 553.9K. Esta opción solo está disponible si la opción Mostrar etiquetas de datos como está configurada como Número.
- Precisión decimal: Establece la cantidad de decimales que se muestran en los valores de las métricas. Esta opción solo está disponible si Mostrar etiquetas de datos como está establecida en Número. Si Mostrar etiquetas de datos como está configurado como Porcentaje, la precisión decimal siempre será 2.
- Familia de fuentes: Establece el tipo de fuente del texto de la etiqueta.
- Tamaño de fuente: Establece el tamaño de fuente del texto de la etiqueta.
- Color de la fuente: Establece el color del texto de la etiqueta.
- Opciones de diseño de fuente: Aplica negrita o cursiva al texto de la etiqueta.
Posición de la etiqueta de la barra: Establece la posición de las etiquetas en relación con la barra. Las opciones son Dentro o Fuera.
Color de fondo: Establece un color de fondo para el texto de la etiqueta.
Opacidad de las etiquetas: En el caso de las etiquetas con un color de fondo personalizado, este parámetro de configuración ajusta la opacidad del fondo del texto de la etiqueta. El 100% de opacidad hace que el fondo sea sólido, y el 0% de opacidad hace que el fondo sea completamente transparente.
Radio de borde de las etiquetas: Para las etiquetas con un color de fondo personalizado, este parámetro de configuración agrega bordes redondeados al fondo del gráfico. Elige un valor de 0 px (esquinas de 90°) a 20 px (redondeo máximo).
Colorear según
Estas opciones controlan los colores de la visualización del embudo:
- Un solo color: Cuando se selecciona esta opción, la serie de datos se muestra en tonos de un solo color. De lo contrario, el gráfico se mostrará en varios colores, según el tema del informe. Puedes configurar colores específicos con el selector de color.
- Orden de las barras: Usa el tema actual para colorear los datos según su posición en el gráfico. Esta opción enfatiza la clasificación de los datos sobre la identidad de los datos. Puedes hacer clic en cada muestra de color para especificar un color para cada posición. (El orden va de la muestra de la parte superior izquierda a la derecha).
- Valores de dimensión: Esta opción colorea cada valor de dimensión del gráfico con el color que se especifica en el mapa de colores de los valores de dimensión. Esta opción garantiza que tus datos usen el color de manera coherente, independientemente de la posición de esos datos en el gráfico.
Color del borde de la barra
El parámetro de configuración Color del borde de la barra te permite cambiar el color del contorno de las barras del gráfico de embudo. También puedes especificar un color de borde de barra para todos los gráficos de tu informe en la pestaña Diseño del menú Temas.
Fondo y borde
Estas opciones controlan el aspecto del contenedor de fondo del gráfico:
- Fondo: Establece el color de fondo del gráfico.
- Opacidad: Establece la opacidad del gráfico. El 100% de opacidad oculta por completo los objetos detrás del gráfico. El 0% de opacidad hace que el gráfico sea invisible.
- Color del borde: Establece el color del borde del gráfico.
- Radio de borde: Agrega bordes redondeados al fondo del gráfico. Cuando el radio es 0, la forma del fondo tiene esquinas de 90°. Un radio de borde de 100° produce una forma circular.
- Grosor del borde: Establece el grosor de la línea del borde del gráfico.
- Estilo de borde: Establece el estilo de la línea del borde del gráfico.
- Agregar sombra al borde: Agrega una sombra a los bordes inferior y derecho del gráfico.
Encabezado del gráfico
El encabezado del gráfico permite a los usuarios realizar varias acciones en él, como exportar los datos, desglosar los datos hacia arriba o hacia abajo, o bien ordenar el gráfico. Entre las opciones de encabezado de gráfico, se incluyen las siguientes:
- Encabezado del gráfico: Controla dónde aparece el encabezado del gráfico. Las opciones del encabezado del gráfico incluyen las siguientes:
- No mostrar: Las opciones de encabezado nunca aparecen. Ten en cuenta que los usuarios de los informes siempre pueden acceder a las opciones haciendo clic con el botón derecho en el gráfico.
- Mostrar siempre: Las opciones del encabezado siempre aparecen.
- Mostrar al colocar el cursor sobre (opción predeterminada): Aparecerán tres puntos verticales cuando coloques el puntero sobre el encabezado del gráfico. Haz clic en ellos para acceder a las opciones del encabezado.
- Color de fuente del encabezado: Establece el color de las opciones de encabezado del gráfico.
Restablece el tema de los informes
Haz clic en Restablecer al tema del informe para restablecer la configuración del gráfico a la configuración del tema del informe.