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

Menu

Incorporação de dashboards

O seguinte recurso está disponível como beta no Flex UI (IU do Flex) versão 1.28 e posterior. Para usar esse recurso, certifique‐se de que o recurso Insights - Programmable Dashboards beta esteja ativado na interface do administrador.

Um proxy de desenvolvedor é necessário para o desenvolvimento local. Consulte o artigo sobre Desenvolvimento local.

A partir de 1.27, o Flex suporta a incorporação de dashboards. Para utilizar essa funcionalidade, use o componente Dashboard exportado sob o namespace Flex.Insights.Dashboard.

O componente usa um adereço dashboardId e exibe o dashboard incorporado em um iframe. Isso permite criar exibições personalizadas com dashboards específicos.

Componente do dashboard

O componente tem os seguintes adereços:

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

dashboardId

ID do dashboard. Este é o único adereço necessário neste componente e provavelmente o único que você precisará usar.

Consulte o próximo capítulo para saber como obter o dashboardId.

queryParams

Para usuários experientes. O objeto será passado como string de consulta para o URL do iframe.

eventos

Para usuários experientes. Permite anexar manipuladores personalizados aos eventos de mensagens de POST recebidos do iframe.

Obtendo o ID do dashboard

Saber o ID do Dashboard é fundamental para ser capaz de renderizá‐lo. Para descobrir o ID correto do Dashboard, navegue primeiro até o dashboard desejado e verifique o URL no seu navegador.

Deve ser parecido com isto: <yourFlexUrl>/dashboards/aeJSfSg9if1x.

A parte depois de dashboards/ é o ID do Dashboard exibido no momento, neste caso aeJSfSg9if1x.

Exemplo

Usaremos o ID do Dashboard que acabamos de descobrir para exibir o Dashboard como conteúdo do contêiner de CRM:

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

Precisa de ajuda?

Às vezes, todos nós precisamos; a programação é difícil. Receba ajuda agora da nossa equipe de suporte, ou confie na sabedoria da multidão navegando pelo Stack Overflow Collective da Twilio ou buscando a tag Twilio no Stack Overflow.

Obrigado pelo seu feedback!

Selecione o(s) motivo(s) para seu feedback. As informações adicionais que você fornece nos ajudam a melhorar nossa documentação:

Enviando seu feedback...
🎉 Obrigado pelo seu feedback!
Algo deu errado. Tente novamente.

Obrigado pelo seu feedback!

thanks-feedback-gif