Le traduzioni sono generate tramite traduzione automatica. In caso di conflitto tra il contenuto di una traduzione e la versione originale in Inglese, quest'ultima prevarrà.

# Incorporamento di immagini e dashboard di Amazon Quick Sight per gli utenti registrati con un codice di incorporamento in 1 clic
<a name="embedded-analytics-1-click"></a>


|  | 
| --- |
|  Si applica a: Enterprise Edition  | 

Puoi incorporare un'immagine o un pannello di controllo nella tua applicazione interna per gli utenti registrati del tuo account Amazon Quick Sight. Puoi farlo utilizzando il codice di incorporamento che ottieni quando condividi la dashboard o dal menu **visivo Incorpora** in Amazon Quick Sight. Non è necessario eseguire l'API di incorporamento di Amazon Quick Sight per generare il codice di incorporamento. Puoi copiare il codice di incorporamento da Amazon Quick Sight e incollarlo nel codice HTML dell'applicazione interna.

Quando utenti e gruppi (o tutti gli utenti del tuo account Amazon Quick Sight) che hanno accesso alla dashboard che desideri incorporare o che contiene l'immagine che desideri incorporare accedono alla tua applicazione interna, viene richiesto loro di accedere all'account Amazon Quick Sight 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
<a name="embedded-analytics-1-click-prerequisites"></a>

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](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API) nella documentazione di Mozilla.
  + Supporto di IndexedDB.
  + LocalStorage supporto.
+ Le impostazioni "blocca tutti i cookie" del tuo browser Internet sono disattivate.

## Fase 1: Concessione dell'accesso al pannello di controllo
<a name="embedded-analystics-1-click-share"></a>

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](share-a-dashboard.md).

## Fase 2: Inserimento del dominio in cui si desidera incorporare l'elemento visivo o il pannello di controllo nell'elenco degli elementi consentiti
<a name="embedded-analytics-1-click-allow-list"></a>

Per incorporare immagini e dashboard nella tua applicazione interna, assicurati che il dominio in cui stai incorporando sia elencato nell'elenco consentito nel tuo account Amazon Quick Sight. Per ulteriori informazioni, consulta [Elenco consentiti dei domini statici](manage-domains.md#embedding-static).

## Fase 3: Ottenimento del codice di incorporamento
<a name="embedded-analytics-1-click-code"></a>

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 la dashboard pubblicata in Amazon Quick Sight e scegli **Condividi** in alto a destra. Quindi scegli **Condividi pannello di controllo**.

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

   Il codice di incorporamento viene copiato negli appunti ed è simile al seguente. `quicksightdomain`In questo esempio è l'URL che usi per accedere al tuo account Amazon Quick Sight.

   ```
   <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 la dashboard pubblicata in Amazon Quick Sight e scegli l'immagine che desideri incorporare. Quindi, apri il menu associato all'elemento visivo in alto a destra e scegli **Incorpora elementi visivi**.

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

   Il codice di incorporamento viene copiato negli appunti ed è simile al seguente. `quicksightdomain`In questo esempio è l'URL che usi per accedere al tuo account Amazon Quick Sight.

   ```
   <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
<a name="embedded-analytics-1-click-html"></a>

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. `quicksightdomain`In questo esempio è l'URL che usi per accedere al tuo account Amazon Quick Sight.

  ```
  <!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. `quicksightdomain`In questo esempio è l'URL che usi per accedere al tuo account Amazon Quick Sight.

  ```
  <!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 desideri incorporare la visualizzazione o la dashboard in un SharePoint sito Microsoft interno, puoi creare una nuova pagina e incollare il codice di incorporamento in una web part Embed.