You are viewing the Spanish (Mexico) site, but your language preference is set to English. Switch to English site →

Menu

Incorporar paneles de control

La siguiente característica está disponible como beta en la versión 1.28 y posteriores de Flex UI (la interfaz de usuario de Flex). Para utilizar esta característica, comprueba que la característica beta Insights: Programmable Dashboards (Insights: paneles de control programables) esté activada en la interfaz de admin.

Se necesita un proxy de desarrollador para el desarrollo local. Consulta el artículo sobre desarrollo en el entorno local.

A partir de la versión 1.27, Flex admite la incorporación de paneles de control. Para utilizar esta funcionalidad, usa el componente Dashboard exportado en el espacio de nombres Flex.Insights.Dashboard.

El componente toma una propiedad dashboardId y muestra ese panel de control incorporado en un iframe. Esto te permite crear vistas personalizadas con paneles de control concretos.

Componente Dashboard

El componente tiene las siguientes propiedades:

  • dashboardId: string;
  • queryParams?: {};
  • events?: { [event: cadena]: (eventData: unknown, eventId: string) => void };

dashboardId

El ID del panel de control. Esta es la única propiedad obligatoria en este componente y es probable que sea la única que necesites usar.

Consulta el siguiente capítulo para obtener más información sobre cómo obtener dashboardId.

queryParams

Para usuarios expertos. El objeto se pasará como una cadena de consulta a la URL del iframe.

events

Para usuarios expertos. Permite adjuntar controladores personalizados a los eventos de mensajes POST recibidos del iframe.

Obtener el ID del panel de control

Conocer el ID del panel de control es crucial para poder mostrarlo. Para averiguar el ID del panel de control correcto, desplázate hasta el panel deseado y revisa la URL en el navegador.

Debería tener un aspecto similar a este: <yourFlexUrl>/dashboards/aeJSfSg9if1x.

La parte posterior a dashboards/ es el ID del panel de control que se muestra actualmente, en este caso aeJSfSg9if1x.

Ejemplo

Utilizaremos el ID del panel de control que acabamos de obtener para mostrar el panel de control como contenido del contenedor de CRM:

Flex.CRMContainer.Content.replace(
  <Flex.Insights.Dashboard key="some-key" dashboardId="aeJSfSg9if1x" />
);
Calificar esta página:

¿Necesitas ayuda?

Todos la necesitamos a veces; la programación es difícil. Obtén ayuda ahora de nuestro equipo de soporte, o recurre a la sabiduría de la multitud visitando Stack Overflow Collective de Twilio o navegando por la etiqueta de Twilio en Stack Overflow.

Gracias por tus comentarios.

Selecciona los motivos de tus comentarios. La información adicional que nos brindas nos ayuda a mejorar nuestra documentación:

Enviando tus comentarios…
🎉 Gracias por tus comentarios.
Se produjo un error. Inténtalo de nuevo.

Gracias por tus comentarios.

thanks-feedback-gif