Demonstração de como ir de insights à ação rápida

A demonstração inserida go from insights to quick action Power BI embedded demonstra um aplicativo que cria campanhas significativas do cliente com base na análise em tempo real. Os usuários podem fatiar e filtrar dados de relatório inseridos do Power BI para descobrir insights e, em seguida, configurar e iniciar uma campanha de desconto ou cupom do cliente instantaneamente de dentro do relatório.

Esta demonstração demonstra como um aplicativo usa:

Ir de insights para a experiência de demonstração de ação rápida

A Contoso, uma empresa de vendas fictícia, usa o Go de insights para uma demonstração de ação rápida para gerar insights e iniciar campanhas diretamente de dentro de um relatório inserido do Power BI. O relatório inserido apresenta as compras dos clientes por nome e região do cliente, categoria de compra, dias desde a última compra e valor gasto.

O relatório tem visualizações de tabela, grafo de coluna e gráfico de rosca e vários mecanismos de fatiamento, filtragem e classificação. Para este relatório, a Contoso está mais interessada nas compras mais altas dos últimos 30 dias de US$ 500 a US$ 799, portanto, o relatório é carregado com essas faixas de segmentação aplicadas.

Captura de tela mostrando a demonstração insights para ações.

Gerar insights

Para obter informações sobre os resultados de vendas, os usuários de relatório podem filtrar ou fatiar ainda mais os dados selecionando valores e intervalos específicos nas listas suspensas, visualizações e segmentações. Por exemplo, um Gerente de Vendas para Serviços Profissionais seleciona várias regiões diferentes e percebe que, embora a categoria de Serviços Profissionais tenha tido o maior gasto total geral, ela teve os menores gastos nas regiões MEA, Reino Unido e Estados Unidos, e nenhuma compra na LATAM ou no Canadá.

Captura de tela mostrando Estados Unidos região selecionada no gráfico de rosca, que realça o Estados Unidos gastar dados em comparação com o gasto total no gasto total pelo gráfico de barras de categoria de compra mais recente.

Criar uma campanha

O Gerente de Vendas decide promover as vendas dos Serviços Profissionais para o Canadá, LATAM, MEA, Reino Unido e Estados Unidos clientes. Para iniciar uma campanha a qualquer momento usando a lista de clientes atual, o Gerenciador de Vendas pode selecionar o botão Criar uma campanha ou selecionar Iniciar campanha no menu Mais opções (...) do visual da tabela do cliente.

Captura de tela mostrando o botão Criar uma campanha.

Captura de tela mostrando a opção Iniciar campanha no menu Mais opções do visual da tabela.

Criar uma lista de clientes de destino

Os usuários de relatório podem usar as listas suspensas de relatório, visualizações e segmentações para restringir a lista de clientes aos destinatários de destino. Nesse caso, o Gerente de Vendas seleciona Canadá, LATAM, MEA, Reino Unido e Estados Unidos na lista suspensa Região, e a tabela de clientes agora lista clientes somente dessas regiões. Quando a lista de clientes estiver pronta, o Gerenciador de Vendas selecionará Criar uma campanha.

Captura de tela mostrando a lista suspensa Região com várias regiões selecionadas e a lista de clientes mostrando apenas clientes dessas regiões.

Criar uma campanha de desconto

O pop-up da lista de distribuição de campanha é aberto, listando os nomes e informações de contato dos destinatários de destino e oferecendo a opção de enviar desconto ou enviar cupom. O Gerenciador de Vendas seleciona Enviar desconto.

Captura de tela mostrando a caixa de diálogo com a lista de contatos de distribuição de campanha e os botões Enviar desconto e Enviar cupom.

Na caixa de diálogo Enviar desconto para a lista de distribuição , o Gerenciador de Vendas grava uma mensagem oferecendo aos clientes de destino um desconto de 10% nos serviços profissionais da Contoso e, em seguida, seleciona Enviar.

Captura de tela mostrando a caixa de texto da mensagem e o botão Enviar.

O aplicativo envia emails da oferta de desconto para a lista de distribuição e exibe uma notificação enviada .

O Gerenciador de Vendas também pode enviar um cupom aos clientes selecionando Enviar cupom na tela da lista de distribuição.

Ir de insights para código de demonstração de ação rápida

O código para implementar a vitrine está no repositório GitHub do PowerBI-Embedded-Showcases .

  • O código HTML do aplicativo cria o contêiner de relatório inserido e elementos, caixas de diálogo, campos de texto e botões.

  • O código JavaScript de relatório inscreve o relatório e define todas as interações de visualização, exportações de dados e funções de tratamento de botão.

Adicionar o comando de campanha ao relatório

O relatório embedConfiguration usa a API de comando de menu de extensão para adicionar um campaign comando ao relatório, que aparece na parte superior do menu Mais opções do visual da tabela.

let config = {
...
    settings: {
        ...
        extensions: [
            {
                command: {
                    name: "campaign",
                    title: "Start campaign",
                    icon: base64Icon,
                    selector: {
                        $schema: "http://powerbi.com/product/schema#visualSelector",
                        visualName: tableVisualGuid
                    },
                    extend: {
                        visualOptionsMenu: {
                            title: "Start campaign",
                            menuLocation: models.MenuLocation.Top,
                        }
                    }
                }
            },
        ...
    }
}

Manipular o comando Iniciar campanha

O código a seguir manipula o commandTriggered evento para o campaign comando. O código escuta o evento de seleção de item de menu Iniciar campanha e envia os dados atuais da lista de clientes filtrados do visual da tabela.

// Adding onClick listener for the custom menu in the table visual in the report
reportShowcaseState.report.on("commandTriggered", async function (event) {
    if (event.detail.command === "campaign") {

        // Populate data according to the current filters on the table visual
        const result = await tableVisual.exportData(models.ExportDataType.Underlying);
        handleExportData(result);
        onStartCampaignClicked();
    }
});

Manipular o botão Criar uma campanha clique

O código a seguir manipula o evento de clique do botão Criar uma campanha . O código escuta o evento de seleção Criar um botão de campanha e envia os dados atuais da lista de clientes filtrados do visual da tabela.

// Adding onClick listener for the button in the report
reportShowcaseState.report.on("buttonClicked", async function () {

    // Populate data according to the current filters on the table visual
    const result = await tableVisual.exportData(models.ExportDataType.Underlying);
    handleExportData(result);
    onStartCampaignClicked();
});

Próximas etapas