Les traductions sont fournies par des outils de traduction automatique. En cas de conflit entre le contenu d'une traduction et celui de la version originale en anglais, la version anglaise prévaudra.

# Intégrer les visuels et les tableaux de bord d'Amazon Quick Sight à l'aide d'un code d'intégration en un clic
<a name="1-click-embedding"></a>

Vous pouvez intégrer une représentation visuelle ou un tableau de bord dans votre application à l’aide d’un code d’intégration. Vous obtenez ce code lorsque vous partagez le tableau de bord ou depuis le menu **visuel Intégrer** d'Amazon Quick Sight. 

Vous pouvez intégrer une représentation visuelle ou un tableau de bord dans votre application interne pour vos utilisateurs enregistrés. Vous pouvez également activer le partage public dans la console Amazon Quick Sight. Ainsi, tout le monde sur Internet peut accéder à une représentation visuelle ou à un tableau de bord partagé et intégré dans une application publique, un wiki ou un portail.

Vous trouverez ci-dessous des descriptions expliquant comment intégrer des représentations visuelles et des tableaux de bord à l’aide du code d’intégration 1-Click de la représentation visuelle ou du tableau de bord.

**Topics**
+ [Intégration de visuels et de tableaux de bord Amazon Quick Sight pour les utilisateurs enregistrés à l'aide d'un code d'intégration en un clic](embedded-analytics-1-click.md)
+ [Intégration de visuels et de tableaux de bord Amazon Quick Sight pour les utilisateurs anonymes à l'aide d'un code intégré en un clic](embedded-analytics-1-click-public.md)

# Intégration de visuels et de tableaux de bord Amazon Quick Sight pour les utilisateurs enregistrés à l'aide d'un code d'intégration en un clic
<a name="embedded-analytics-1-click"></a>


|  | 
| --- |
|  S’applique à : édition Enterprise  | 

Vous pouvez intégrer un visuel ou un tableau de bord dans votre application interne pour les utilisateurs enregistrés de votre compte Amazon Quick Sight. Pour ce faire, utilisez le code intégré que vous obtenez lorsque vous partagez le tableau de bord ou depuis le menu **visuel Intégrer** d'Amazon Quick Sight. Il n'est pas nécessaire d'exécuter l'API d'intégration Amazon Quick Sight pour générer le code d'intégration. Vous pouvez copier le code intégré depuis Amazon Quick Sight et le coller dans le code HTML de votre application interne.

Lorsque les utilisateurs et les groupes (ou tous les utilisateurs de votre compte Amazon Quick Sight) qui ont accès au tableau de bord que vous souhaitez intégrer ou qui contient le visuel que vous souhaitez intégrer accèdent à votre application interne, ils sont invités à se connecter au compte Amazon Quick Sight avec leurs informations d'identification. Une fois authentifiés, ils peuvent accéder à la représentation visuelle ou au tableau de bord sur leur page interne. Si l’authentification unique est activée, les utilisateurs ne sont pas invités à se reconnecter.

Vous trouverez ci-dessous des descriptions expliquant comment intégrer une représentation visuelle ou un tableau de bord à l’aide du code d’intégration de la représentation visuelle ou du tableau de bord.

## Avant de commencer
<a name="embedded-analytics-1-click-prerequisites"></a>

Avant de commencer, assurez-vous que :
+ Les paramètres de votre navigateur Internet contiennent l’un des éléments suivants pour permettre la communication entre la fenêtre contextuelle et l’iframe :
  + Prise en charge native pour l’API Mozilla Broadcast Channel. Pour plus d’informations, consultez [Broadcast Channel API](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API) (français non garanti) dans la documentation Mozilla.
  + Prise en charge d’IndexedDB.
  + LocalStorage soutien.
+ Le paramètre « Bloquer tous les cookies » de votre navigateur Internet est désactivé.

## Étape 1 : Accorder l’accès au tableau de bord
<a name="embedded-analystics-1-click-share"></a>

Pour que les utilisateurs puissent accéder à votre tableau de bord intégré, accordez-leur l’accès pour le consulter. Vous pouvez autoriser des utilisateurs individuels et des groupes à accéder à un tableau de bord, ou vous pouvez accorder l’accès à tous les membres de votre compte. Les autorisations visuelles sont déterminées au niveau du tableau de bord. Pour autoriser l’accès aux représentations visuelles intégrées, accordez l’accès au tableau de bord auquel appartient la représentation visuelle. Pour de plus amples informations, veuillez consulter [Octroi de l’un accès à un tableau de bord](share-a-dashboard.md).

## Étape 2 : Placer le domaine dans lequel vous souhaitez intégrer la représentation visuelle ou le tableau de bord dans votre liste d’autorisation
<a name="embedded-analytics-1-click-allow-list"></a>

Pour intégrer des visuels et des tableaux de bord dans votre application interne, assurez-vous que le domaine dans lequel vous souhaitez intégrer est autorisé dans votre compte Amazon Quick Sight. Pour de plus amples informations, veuillez consulter [Liste d’autorisation des domaines statiques](manage-domains.md#embedding-static).

## Étape 3 : Obtenir le code d’intégration
<a name="embedded-analytics-1-click-code"></a>

Utilisez la procédure suivante pour obtenir le code d’intégration de la représentation visuelle ou du tableau de bord.

**Pour obtenir le code d’intégration du tableau de bord**

1. Ouvrez le tableau de bord publié dans Amazon Quick Sight et choisissez **Partager** en haut à droite. Choisissez ensuite **Partager le tableau de bord**.

1. Sur la page **Partager le tableau de bord** qui s’ouvre, cliquez sur **Copier le code d’intégration** en haut à gauche.

   Le code d’intégration est copié dans votre presse-papiers et est similaire à ce qui suit. `quicksightdomain`Dans cet exemple, il s'agit de l'URL que vous utilisez pour accéder à votre compte Amazon Quick Sight.

   ```
   <iframe
           width="960"
           height="720"
           src="https://quicksightdomain/sn/embed/share/accounts/accountid/dashboards/dashboardid?directory_alias=account_directory_alias">
       </iframe>
   ```

**Pour obtenir le code d’intégration d’une représentation visuelle**

1. Ouvrez le tableau de bord publié dans Amazon Quick Sight et choisissez le visuel que vous souhaitez intégrer. Ouvrez ensuite le menu des représentations visuelles dans le coin supérieur droit de la représentation visuelle, puis cliquez sur **Intégrer la représentation visuelle**.

1. Dans le volet **Intégrer la représentation visuelle** qui s’ouvre, cliquez sur **Copier le code**.

   Le code d’intégration est copié dans votre presse-papiers et est similaire à ce qui suit. `quicksightdomain`Dans cet exemple, il s'agit de l'URL que vous utilisez pour accéder à votre compte Amazon Quick Sight.

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

## Étape 4 : Coller le code dans la page HTML de votre application interne
<a name="embedded-analytics-1-click-html"></a>

Utilisez la procédure suivante pour coller le code d’intégration dans la page HTML de votre application interne

**Pour coller le code dans la page HTML de votre application interne**
+ Ouvrez le code HTML d’une page dans laquelle vous souhaitez intégrer le tableau de bord et collez-y le code d’intégration.

  L’exemple suivant montre à quoi ressemblera un tableau de bord intégré. `quicksightdomain`Dans cet exemple, il s'agit de l'URL que vous utilisez pour accéder à votre compte 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’exemple suivant montre à quoi ressemblera une représentation visuelle intégrée. `quicksightdomain`Dans cet exemple, il s'agit de l'URL que vous utilisez pour accéder à votre compte 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>
  ```

Par exemple, supposons que vous souhaitez intégrer votre représentation visuelle ou votre tableau de bord dans une page Google Sites interne. Vous pouvez ouvrir la page sur Google Sites et coller le code d’intégration dans un widget d’intégration.

Si vous souhaitez intégrer votre visuel ou votre tableau de bord dans un SharePoint site Microsoft interne, vous pouvez créer une nouvelle page, puis coller le code intégré dans un composant WebPart intégré.

# Intégration de visuels et de tableaux de bord Amazon Quick Sight pour les utilisateurs anonymes à l'aide d'un code intégré en un clic
<a name="embedded-analytics-1-click-public"></a>


|  | 
| --- |
|  S’applique à : édition Enterprise  | 

Vous pouvez intégrer un visuel ou un tableau de bord dans des sites publics à l'aide du code intégré que vous obtenez lorsque vous partagez le visuel ou le tableau de bord dans Amazon Quick Sight. Vous pouvez également activer le partage public à l'aide de la console Amazon Quick Sight et accorder automatiquement l'accès à un visuel ou à un tableau de bord partagé à toute personne connectée à Internet. 

Vous trouverez ci-dessous des instructions pour activer le partage public d’une représentation visuelle ou d’un tableau de bord ainsi que pour intégrer la représentation visuelle ou le tableau de bord pour que tout le monde puisse le voir sur Internet. Dans les deux cas, vous pouvez le faire en utilisant le code d’intégration 1-Click.

## Avant de commencer
<a name="embedded-analytics-1-click-prerequisites"></a>

Avant de commencer, assurez-vous que :
+ Les paramètres de votre navigateur Internet contiennent l’un des éléments suivants pour permettre la communication entre la fenêtre contextuelle et l’iframe, utilisé par le partage :
  + Prise en charge native pour l’API Mozilla Broadcast Channel. Pour plus d’informations, consultez [Broadcast Channel API](https://developer.mozilla.org/en-US/docs/Web/API/Broadcast_Channel_API) (français non garanti) dans la documentation Mozilla.
  + Prise en charge d’IndexedDB.
  + LocalStorage soutien.
+ Le paramètre « Bloquer tous les cookies » de votre navigateur Internet est désactivé.

## Étape 1 : Activer l’accès public pour le tableau de bord
<a name="embedded-analytics-1-click-step-1"></a>

Pour que quiconque sur Internet puisse accéder à l’intégration de votre représentation visuelle ou de votre tableau de bord, activez d’abord l’accès public au tableau de bord. Les autorisations visuelles sont déterminées au niveau du tableau de bord. Pour autoriser l’accès aux représentations visuelles intégrées, accordez l’accès au tableau de bord auquel appartient la représentation visuelle. Pour de plus amples informations, veuillez consulter [Permettre à toute personne connectée à Internet d'accéder à un tableau de bord Amazon Quick Sight](share-a-dashboard-grant-access-anyone.md).

## Étape 2 : Placer le domaine dans lequel vous souhaitez intégrer la représentation visuelle ou le tableau de bord dans votre liste d’autorisation
<a name="embedded-analytics-1-click-step-2"></a>

Pour intégrer des visuels et des tableaux de bord dans une application, un wiki ou un portail public, assurez-vous que le domaine dans lequel vous les intégrez figure dans la liste d'autorisation de votre compte Amazon Quick Sight. 

## Étape 3 : Obtenir le code d’intégration
<a name="embedded-analytics-1-click-step-3"></a>

Utilisez la procédure suivante pour obtenir le code d’intégration de la représentation visuelle ou du tableau de bord.

**Pour obtenir le code d’intégration du tableau de bord**

1. Ouvrez le tableau de bord publié dans Amazon Quick Sight et choisissez **Partager** en haut à droite. Choisissez ensuite **Partager le tableau de bord**.

1. Sur la page **Partager le tableau de bord** qui s’ouvre, cliquez sur **Copier le code d’intégration** en haut à gauche.

   Le code d’intégration est copié dans votre presse-papiers et est similaire à ce qui suit. `quicksightdomain`Dans cet exemple, il s'agit de l'URL que vous utilisez pour accéder à votre compte Amazon Quick Sight.

   ```
   <iframe
           width="960"
           height="720"
           src="https://quicksightdomain/sn/
               embed/share/accounts/accountid/dashboards/dashboardid">
       </iframe>
   ```

**Pour obtenir le code d’intégration d’une représentation visuelle**

1. Ouvrez le tableau de bord publié dans Amazon Quick Sight et choisissez le visuel que vous souhaitez intégrer. Ouvrez ensuite le menu des représentations visuelles dans le coin supérieur droit de la représentation visuelle, puis cliquez sur **Intégrer la représentation visuelle**.

1. Dans le volet **Intégrer la représentation visuelle** qui s’ouvre, cliquez sur **Copier le code**.

   Le code d’intégration est copié dans votre presse-papiers et est similaire à ce qui suit. `quicksightdomain`Dans cet exemple, il s'agit de l'URL que vous utilisez pour accéder à votre compte Amazon Quick Sight.

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

## Étape 4 : Coller le code d’intégration dans une page HTML, une page wiki ou un portail
<a name="embedded-analytics-1-click-step-4"></a>

Utilisez la procédure suivante pour coller le code d’intégration dans une page HTML, une page wiki ou un portail.

**Pour coller le code d’intégration**
+ Ouvrez le code HTML de l’emplacement où vous souhaitez intégrer la représentation visuelle ou le tableau de bord, puis collez-y le code d’intégration.

  L’exemple suivant montre à quoi ressemblera un tableau de bord intégré. `quicksightdomain`Dans cet exemple, il s'agit de l'URL que vous utilisez pour accéder à votre compte 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">
      </iframe>
  
      </body>
      </html>
  ```

  L’exemple suivant montre à quoi ressemblera une représentation visuelle intégrée. `quicksightdomain`Dans cet exemple, il s'agit de l'URL que vous utilisez pour accéder à votre compte 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">
      </iframe>
  
      </body>
      </html>
  ```

Si vos applications orientées vers le public sont créées sur Google Sites, ouvrez la page sur Google Sites, puis collez le code d’intégration à l’aide du widget d’intégration.

Assurez-vous que les domaines suivants d'Amazon Quick Sight figurent sur votre liste d'autorisation lorsque vous les intégrez dans Google Sites :
+ `https://googleusercontent.com` (active les sous-domaines)
+ `https://www.gstatic.com`
+ `https://sites.google.com`

Une fois que vous avez intégré la représentation visuelle ou le tableau de bord dans votre application, quiconque pouvant accéder à votre application peut accéder à l’intégration de la représentation visuelle ou du tableau de bord. Pour mettre à jour un tableau de bord partagé avec le public, consultez la rubrique [Mise à jour d’un tableau de bord partagé publiquement](share-a-dashboard-grant-access-anyone-update.md). Pour désactiver le partage public, consultez la rubrique [Désactivation des paramètres de partage public](share-a-dashboard-grant-access-anyone-no-share.md). 

Lorsque vous désactivez le partage public, personne sur Internet ne peut accéder à un ou plusieurs tableaux de bord que vous avez intégrés à une application publique ou partagés à l’aide d’un lien. La prochaine fois qu’une personne essayera de consulter un tel tableau de bord sur Internet, elle recevra un message indiquant qu’il n’a pas accès à ce tableau de bord.