Incorporamento di elementi visivi e pannelli di controllo QuickSight per gli utenti registrati con un codice di incorporamento in 1 clic - Amazon QuickSight
Prima di iniziareFase 1: Concessione dell'accesso al pannello di controlloFase 2: Inserimento del dominio in cui si desidera incorporare l'elemento visivo o il pannello di controllo nell'elenco degli elementi consentitiFase 3: Ottenimento del codice di incorporamentoFase 4: Incollare il codice nella pagina HTML dell'applicazione interna

Incorporamento di elementi visivi e pannelli di controllo QuickSight per gli utenti registrati con un codice di incorporamento in 1 clic

 Si applica a: Enterprise Edition 

Puoi incorporare un elemento visivo o un pannello di controllo nella tua applicazione interna per gli utenti registrati dell'account Amazon QuickSight. Ciò è possibile utilizzando il codice di incorporamento che si ottiene quando condividi il pannello di controllo o dal menu Incorpora elementi visivi in QuickSight. Non è necessario eseguire l'API di incorporamento QuickSight per generare il codice di incorporamento. Puoi copiare il codice di incorporamento da QuickSight e incollarlo nel codice HTML dell'applicazione interna.

Quando gli utenti e i gruppi (o tutti gli utenti del tuo account QuickSight) che hanno accesso al pannello di controllo o l'elemento visivo che desideri incorporare accedono all'applicazione interna, viene richiesto loro di accedere all'account QuickSight con le proprie credenziali. Dopo l'autenticazione, possono accedere all'elemento visivo o al pannello di controllo sulla loro pagina interna. Se hai abilitato il Single Sign-On, agli utenti non viene richiesto di accedere nuovamente.

Di seguito, puoi trovare le descrizioni su come incorporare elementi visivi e pannelli di controllo per gli utenti registrati utilizzando il codice di incorporamento del pannello di controllo o dell'elemento visivo.

Prima di iniziare

Prima di iniziare, assicurati di:

  • Le impostazioni del tuo browser Internet contengono una delle seguenti opzioni per consentire la comunicazione tra il popup e l'iframe:

    • Supporto nativo per l'API Broadcast Channel di Mozilla. Per ulteriori informazioni, consulta API Broadcast Channel nella documentazione di Mozilla.

    • Supporto di IndexedDB.

    • Supporto di LocalStorage.

  • Le impostazioni "blocca tutti i cookie" del tuo browser Internet sono disattivate.

Fase 1: Concessione dell'accesso al pannello di controllo

Per consentire agli utenti di accedere al pannello di controllo incorporato, concedi loro l'autorizzazione per visualizzarla. Puoi concedere l'accesso a un pannello di controllo a singoli utenti e gruppi oppure a tutti i membri del tuo account. Le autorizzazioni degli elementi visivi sono determinate a livello di pannello di controllo. Per concedere l'accesso agli elementi visivi incorporati, concedi l'accesso alla pannello di controllo a cui appartiene l'elemento visivo. Per ulteriori informazioni, consulta Concessione dell'accesso a un pannello di controllo.

Fase 2: Inserimento del dominio in cui si desidera incorporare l'elemento visivo o il pannello di controllo nell'elenco degli elementi consentiti

Per incorporare elementi visivi e pannelli di controllo nella tua applicazione interna, assicurati che il dominio in cui stai incorporando sia elencato nell'elenco di elementi consentiti nel tuo account QuickSight. Per ulteriori informazioni, consulta Elenco consentiti dei domini statici.

Fase 3: Ottenimento del codice di incorporamento

Usa la procedura seguente per ottenere il codice di incorporamento di un elemento visivo o del pannello di controllo.

Ottenimento del codice di incorporamento del pannello di controllo

  1. Apri il pannello di controllo pubblicato in QuickSight e scegli Condividi in alto a destra. Quindi scegli Condividi pannello di controllo.

    Questa è un'immagine dell'icona di condivisione del pannello di controllo.

  2. Nella pagina Condividi pannello di controllo che si apre, scegli Copia codice di incorporamento in alto a sinistra.

    Questa è un'immagine dell'icona di copia del codice di incorporamento.

    Il codice di incorporamento viene copiato negli appunti ed è simile al seguente. Il quicksightdomain in questo esempio è l'URL che usi per accedere al tuo account QuickSight.

    <iframe
        width="960"
        height="720"
        src="https://quicksightdomain/sn/embed/share/accounts/accountid/dashboards/dashboardid?directory_alias=account_directory_alias">
    </iframe>
Ottenimento del codice di incorporamento dell'elemento visivo

  1. Apri il pannello di controllo pubblicato in QuickSight e scegli l'elemento visivo che desideri incorporare. Quindi, apri il menu associato all'elemento visivo in alto a destra e scegli Incorpora elementi visivi.

    Questa è un'immagine del menu visivo.

  2. Nel riquadro Incorpora elementi visivi che si apre, scegli Copia il codice.

    Icona Copia il codice

    Il codice di incorporamento viene copiato negli appunti ed è simile al seguente. Il quicksightdomain in questo esempio è l'URL che usi per accedere al tuo account QuickSight.

    <iframe
        width="600"
        height="400"
        src="https://quicksightdomain/sn/embed/share/accounts/111122223333/dashboards/DASHBOARDID/sheets/SHEETID>/visuals/VISUALID">
    </iframe>

Fase 4: Incollare il codice nella pagina HTML dell'applicazione interna

Utilizza la seguente procedura per incollare il codice di incorporamento nella pagina HTML dell'applicazione interna

Incollare il codice nella pagina HTML dell'applicazione interna

  • Apri il codice HTML di qualsiasi pagina in cui desideri incorporare il pannello di controllo e incolla il codice di incorporamento.

    L'esempio seguente mostra l'aspetto che avrebbe per un pannello di controllo incorporato. Il quicksightdomain in questo esempio è l'URL che usi per accedere al tuo account QuickSight.

    <!DOCTYPE html>
    <html>
    <body>

    <h2>Example.com - Employee Portal</h2>
    <h3>Current shipment stats</h3>
        <iframe
        width="960"
        height="720"
        src="https://quicksightdomain/sn/embed/share/accounts/accountid/dashboards/dashboardid?directory_alias=account_directory_alias">
    </iframe>

    </body>
    </html>

    L'esempio seguente mostra l'aspetto che avrebbe per un elemento visivo incorporato. Il quicksightdomain in questo esempio è l'URL che usi per accedere al tuo account QuickSight.

    <!DOCTYPE html>
    <html>
    <body>

    <h2>Example.com - Employee Portal</h2>
    <h3>Current shipment stats</h3>
        <iframe
        width="600"
        height="400"
        src="https://quicksightdomain/sn/embed/share/accounts/111122223333/dashboards/DASHBOARDID/sheets/SHEETID>/visuals/VISUALID?directory_alias=account_directory_alias">
    </iframe>

    </body>
    </html>

Ad esempio, supponiamo di voler incorporare l'elemento visivo o il pannello di controllo in una pagina interna di Google Sites. Puoi aprire la pagina su Google Sites e incollare il codice di incorporamento in un widget di incorporamento.

Se si desidera incorporare l'elemento visivo o il pannello di controllo in un sito interno di Microsoft SharePoint, è possibile creare una nuova pagina e incollare il codice di incorporamento in una parte Web Embed.