Passare dalle informazioni dettagliate alla presentazione di azioni rapide

Il del playground di Power BI Passare da informazioni dettagliate a un'azione rapida illustra un'app che crea campagne significative dei clienti basate sull'analisi in tempo reale. Gli utenti possono filtrare e filtrare i dati dei report incorporati di Power BI per individuare informazioni dettagliate, quindi configurare e avviare immediatamente una campagna di sconto o coupon per i clienti dall'interno del report.

Questa presentazione illustra come un'app usa i comandi seguenti:

  • Il comando estendere il menu'API per aggiungere un comando personalizzato e una voce di menu a un report.
  • gestione degli eventi per comunicare tra gli eventi del report e il codice dell'applicazione.
  • L'API exportData per esportare i dati sottostanti di un oggetto visivo del report.

Passare dalle informazioni dettagliate all'esperienza di presentazione rapida delle azioni

Contoso, una società di vendita fittizia, usa l'Vai dalle informazioni dettagliate alla presentazione rapida delle azioni per generare informazioni dettagliate e avviare campagne direttamente dall'interno di un report incorporato di Power BI. Il report incorporato presenta gli acquisti dei clienti in base al nome del cliente e all'area geografica, alla categoria di acquisto, ai giorni dall'ultimo acquisto e all'importo speso.

Il report include visualizzazioni tabella, grafico a colonne e grafico ad anello e diversi meccanismi di ordinamento, filtro e selezione. Per questo report, Contoso è più interessato agli acquisti di fascia superiore degli ultimi 30 giorni di $ 500-$ 799, quindi il report viene caricato con gli intervalli di filtri dei dati applicati.

Screenshot che mostra la presentazione delle informazioni dettagliate sulle azioni.

Generare informazioni dettagliate

Per ottenere informazioni dettagliate sui risultati delle vendite, gli utenti del report possono filtrare o suddividere ulteriormente i dati selezionando valori e intervalli specifici negli elenchi a discesa, visualizzazioni e filtri dei dati. Ad esempio, un Responsabile vendite per Professional Services seleziona diverse aree geografiche e si rende conto che anche se la categoria Professional Services ha avuto la spesa totale più elevata, ha avuto le spese più basse nelle aree MEA, Regno Unito e Stati Uniti e nessun acquisto in LATAM o Canada.

Screenshot che mostra l'area stati Uniti selezionata nel grafico ad anello, che evidenzia i dati di spesa degli Stati Uniti rispetto alla spesa totale nel grafico della spesa totale della categoria di acquisto più recente.

Creare una campagna

Il Responsabile vendite decide di promuovere le vendite di Professional Services ai clienti Canada, LATAM, MEA, Regno Unito e Stati Uniti. Per avviare una campagna in qualsiasi momento usando l'elenco dei clienti corrente, il Responsabile vendite può selezionare il pulsante Crea una campagna oppure selezionare Avvia campagna dal menu Altre opzioni (...).

Screenshot che mostra il pulsante Crea una campagna.

Screenshot che mostra l'opzione Avvia campagna nel menu Altre opzioni dell'oggetto visivo tabella.

Creare un elenco di clienti di destinazione

Gli utenti del report possono usare gli elenchi a discesa, le visualizzazioni e i filtri dei dati dei report per restringere l'elenco dei clienti ai destinatari di destinazione. In questo caso, il Responsabile vendite seleziona Canada, LATAM, MEA, Regno Unitoe Stati Uniti dall'elenco a discesa area e la tabella dei clienti elenca ora i clienti solo da tali aree. Quando l'elenco dei clienti è pronto, il Responsabile vendite seleziona Crea una campagna.

Screenshot che mostra l'elenco a discesa Area con diverse aree selezionate e l'elenco dei clienti che mostra solo i clienti di tali aree.

Creare una campagna di sconto

Viene visualizzata la finestra popup lista di distribuzione Campagna, che elenca i nomi e le informazioni di contatto dei destinatari e offre la possibilità di Invia sconto o Invia coupon. Il Responsabile vendite seleziona Invia sconto.

screenshot che mostra la finestra di dialogo con la lista contatti di distribuzione della campagna e i pulsanti Invia sconto e Invia coupon.

Nella finestra di dialogo Invia sconto alla lista di distribuzione il responsabile vendite scrive un messaggio che offre ai clienti di destinazione uno sconto di 10% sui servizi professionali Contoso e quindi seleziona Invia.

Screenshot che mostra la casella di testo del messaggio e il pulsante Invia.

L'app invia i messaggi di posta elettronica dell'offerta di sconto alla lista di distribuzione e visualizza una notifica Inviata.

Il Responsabile vendite potrebbe anche inviare un coupon ai clienti selezionando Invia coupon nella schermata della lista di distribuzione.

Passare dalle informazioni dettagliate al codice di presentazione rapida delle azioni

Il codice per l'implementazione della presentazione si trova nel repository PowerBI-Embedded-Showcases GitHub.

  • L'applicazione codice HTML compila il contenitore e gli elementi del report incorporati, le finestre di dialogo, i campi di testo e i pulsanti.

  • Il codice JavaScript report incorpora il report e definisce tutte le interazioni di visualizzazione, le esportazioni di dati e le funzioni di gestione dei pulsanti.

Aggiungere il comando campagna al report

Il report embedConfiguration usa il comando di menu estendi API per aggiungere un comando campaign al report, visualizzato nella parte superiore del Altre opzioni menu dell'oggetto visivo tabella.

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,
                        }
                    }
                }
            },
        ...
    }
}

Gestire il comando Avvia campagna

Il codice seguente gestisce l'evento commandTriggered per il comando campaign. Il codice è in ascolto dell'evento di selezione della campagna start voce di menu e invia i dati correnti dell'elenco dei clienti filtrati dall'oggetto visivo tabella.

// 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();
    }
});

Gestisci il pulsante Crea una campagna

Il codice seguente gestisce l'evento click Crea una campagna. Il codice è in ascolto dell'evento di selezione Crea una campagna pulsante e invia i dati correnti dell'elenco dei clienti filtrati dall'oggetto visivo tabella.

// 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();
});

Contenuto correlato

  • Last updated on