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 cursor sobre una barra de 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 varias 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 grandes tienen barras más anchas y los valores más pequeños 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.
Configura el gráfico
Agrega un gráfico nuevo o selecciona uno existente. A continuación, usa el panel Properties para configurar las propiedades de las pestañas Setup y Style del gráfico.
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 de lápiz Editar fuente de datos
. (Debes tener al menos permisos de viewpara ver este ícono). - Haz clic en + COMBINAR DATOS para ver 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 de período
Esta opción aparece si tu fuente de datos tiene una dimensión de fecha válida.
Esta opción no aparece para las fuentes de datos de Google Ads o Google Analytics, ya que estas fuentes de datos seleccionan automáticamente una dimensión de tipo date de la fuente de datos.
La dimensión Período se usa como base para limitar el período del gráfico. Por ejemplo, Período 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.
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 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.
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.
Si eliges ordenar por un campo distinto de la métrica (por ejemplo, si ordenas por una dimensión de tipo
string), el gráfico de embudo se puede ordenar de forma alfabética en lugar de por valores numéricos.
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.
Opciones de filtro
| 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 un filtro | Haz clic en esta opción para crear un filtro nuevo para el gráfico. |
Interacciones con gráficos
El filtrado 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
Habilita la opción 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 selecciona Autogenerar, Looker Studio genera un título según 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. Se borrará la casilla de verificación Autogenerar y se desactivará este parámetro de configuración.
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. |
| Tipo de fuente del título |
Establece el tipo de fuente para el texto del título. |
| Tamaño de la fuente del título | Establece el tamaño de fuente del texto del título. |
| Opciones de diseño de fuente | Aplica el estilo de negrita, cursiva o subrayado al texto del título. |
| Color de la fuente del título | Establece el color de fuente del texto del título. |
| Izquierda | Alinea el título del gráfico a la izquierda. |
| Centro | Centra el título del gráfico sobre o debajo de él. |
| Derecha | Alinea el título del gráfico en el lado derecho. |
| Parte superior | Coloca el título del gráfico en la parte superior. |
| Parte inferior | Posiciona el título del gráfico en la parte inferior. |
Gráfico de embudo
La configuración Forma de embudo en la sección Gráfico de embudo 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 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. |
| Usa 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. Haz clic en 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á habilitado, el parámetro de configuración Mostrar etiquetas de datos en la sección Gráfico de embudo muestra las etiquetas de cada barra del gráfico de embudo. Haz clic en la casilla de verificación 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. Para ver estas opciones, selecciona la casilla de verificación Mostrar etiquetas de datos para habilitar el parámetro de configuración.
| Cómo mostrar las etiquetas de datos | Establece cómo se muestran las etiquetas. Las opciones son Cantidad o Porcentaje . | |
| Tipo de porcentaje | Cuando se selecciona el tipo de etiqueta de datos Porcentaje , puedes elegir qué porcentaje mostrar. Las opciones incluyen las siguientes:
|
|
| Mostrar dimensión | Cuando está habilitado, el parámetro de configuración Mostrar dimensión en la sección Etiqueta de datos muestra el valor de la dimensión para cada barra del gráfico de embudo. Haz clic en el interruptor para habilitar o inhabilitar el parámetro de configuración Mostrar dimensió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 el parámetro de configuración Mostrar etiquetas de datos como está establecido en 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 el parámetro de configuración Mostrar etiquetas de datos como está establecido en Número . Si el parámetro de configuración Mostrar etiquetas de datos como está establecido en Porcentaje , la precisión decimal siempre será 2. |
|
| Tamaño de fuente de las etiquetas | Establece el tamaño de fuente del texto de la etiqueta. | |
| Familia de fuentes de las etiquetas | Establece el tipo de fuente del texto de la etiqueta. | |
| Opciones de diseño de fuente | Aplica el estilo de 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 . |
|
| Fondo de las etiquetas | Establece un color de fondo para el texto de la etiqueta. |
|
Colorear según
Estas opciones controlan los colores de la visualización del embudo:
Color del borde de la barra
| Color único | 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 hacer clic en la muestra de color para especificar un color. |
| Orden de 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 su identidad. 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 dimensiones | Esta opción colorea cada valor de dimensión del gráfico con el color que se asigna en el menú Administrar valores de color de las dimensiones . Esta opción garantiza que tus datos usen el color de forma coherente, independientemente de la posición de esos datos en el gráfico. |
Color del borde de la barra
La opción Bar border color en la sección Color by 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
Las siguientes opciones controlan el aspecto del contenedor de fondo del gráfico.
| Contexto | Establece el color de fondo del gráfico. |
| Radio del 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. |
| 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. |
| Ancho del borde | Establece el grosor de la línea del borde del gráfico. |
| Estilo de borde | Establece el estilo de línea del borde del gráfico. |
| Cómo agregar una sombra de 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. Las opciones de encabezado del gráfico son las siguientes:
| Mostrar al colocar el cursor encima (predeterminado) | El menú de tres puntos Más aparece cuando los usuarios colocan el cursor sobre el encabezado del gráfico. Los usuarios pueden hacer clic en el menú de tres puntos Más de un gráfico para acceder a las opciones del encabezado. |
| Mostrar siempre | El menú de tres puntos Más siempre aparece en el encabezado del gráfico. |
| 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. |
| Color de la fuente del encabezado | Establece el color de las opciones del encabezado del gráfico. |
Recursos relacionados
- Tipos de gráficos en Looker Studio
- Cómo trabajar con fechas y horas
- Acerca de las propiedades de los filtros