Incrustar imágenes y paneles de Amazon Quick Sight para usuarios registrados con un código de inserción de 1 clic - Amazon Quick Suite

Las traducciones son generadas a través de traducción automática. En caso de conflicto entre la traducción y la version original de inglés, prevalecerá la version en inglés.

Incrustar imágenes y paneles de Amazon Quick Sight para usuarios registrados con un código de inserción de 1 clic

 Se aplica a: Enterprise Edition 

Puedes incrustar una imagen o un panel de control en tu aplicación interna para los usuarios registrados de tu cuenta de Amazon Quick Sight. Para ello, utiliza el código de inserción que obtiene al compartir el panel de control o desde el menú visual Insertar de Amazon Quick Sight. No es necesario ejecutar la API de incrustación de Amazon Quick Sight para generar el código de incrustación. Puede copiar el código de inserción de Amazon Quick Sight y pegarlo en el código HTML de la aplicación interna.

Cuando los usuarios y grupos (o todos los usuarios de su cuenta de Amazon Quick Sight) que tienen acceso al panel de control que desea insertar o que contiene la imagen que desea insertar acceden a su aplicación interna, se les pide que inicien sesión en la cuenta de Amazon Quick Sight con sus credenciales. Una vez autenticados, pueden acceder al elemento visual o al panel de su página interna. Si tiene activado el inicio de sesión único, no se les pedirá que vuelvan a iniciar sesión.

A continuación, encontrará descripciones sobre cómo integrar un elemento visual o un panel para usuarios registrados utilizando el código de integración del elemento visual o del panel.

Antes de comenzar

Antes de comenzar, asegúrese de lo siguiente:

  • La configuración de su navegador de Internet contiene uno de los siguientes elementos para permitir la comunicación entre la ventana emergente y el iframe:

    • Soporte nativo para la API de Mozilla Broadcast Channel. Para obtener más información, consulte Broadcast Channel API en la documentación de Mozilla.

    • Soporte de IndexedDB.

    • LocalStorage soporte.

  • La configuración de “bloquear todas las cookies” de su navegador de Internet está desactivada.

Paso 1: concesión de acceso al panel

Para que los usuarios accedan a su panel integrado, concédales acceso para verlo. Puede conceder a usuarios y grupos individuales el acceso a un panel, o a todos los usuarios de su cuenta. Los permisos visuales se determinan a nivel del panel. Para conceder acceso a las imágenes integradas, conceda acceso al panel al que pertenece el elemento visual. Para obtener más información, consulte Concesión de acceso a un panel.

Paso 2: colocación del dominio donde desea integrar el elemento visual o panel en la lista de permitidos

Para incrustar imágenes y paneles en tu aplicación interna, asegúrate de que el dominio en el que vas a incrustar esté incluido en la lista de permitidos en tu cuenta de Amazon Quick Sight. Para obtener más información, consulte Permiso para la publicación de dominios estáticos.

Paso 3: obtención del código integrado

Utilice el siguiente procedimiento para obtener el código de integración del elemento visual o del panel.

Obtención del código de integración del panel
  1. Abre el panel publicado en Amazon Quick Sight y selecciona Compartir en la esquina superior derecha. A continuación, seleccione Compartir panel.

  2. En la página Compartir panel que se abre, seleccione Copiar código para insertar en la esquina superior izquierda.

    El código integrado se copia en el portapapeles y es similar al siguiente. La quicksightdomain de este ejemplo es la URL que utilizas para acceder a tu cuenta de Amazon Quick Sight.

    <iframe width="960" height="720" src="https://quicksightdomain/sn/embed/share/accounts/accountid/dashboards/dashboardid?directory_alias=account_directory_alias"> </iframe>
Obtención del código de integración del elemento visual
  1. Abra el panel publicado en Amazon Quick Sight y elija el elemento visual que desee incrustar. A continuación, abra el menú del elemento visual en la parte superior derecha del visual y elija Elemento visual para insertar.

  2. En el panel Elemento visual para insertar que se abre, seleccione Copiar código.

    El código integrado se copia en el portapapeles y es similar al siguiente. La quicksightdomain de este ejemplo es la URL que utilizas para acceder a tu cuenta de Amazon Quick Sight.

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

Paso 4: pegado del código en la página HTML de la aplicación interna

Utilice el siguiente procedimiento para pegar el código de integración en la página HTML de la aplicación interna

Pegado del código en la página HTML de la aplicación interna
  • Abra el código HTML de cualquier página en la que desee integrar el panel y péguelo.

    En el siguiente ejemplo, se muestra el aspecto que podría tener para un panel integrado. La quicksightdomain de este ejemplo es la URL que utilizas para acceder a tu cuenta de 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>

    En el siguiente ejemplo, se muestra el aspecto que podría tener para un elemento visual integrado. La quicksightdomain de este ejemplo es la URL que utilizas para acceder a tu cuenta de 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>

Por ejemplo, supongamos que desea incrustar su elemento visual o panel en una página interna de Google Sites. Puede abrir la página en Google Sites y pegar el código de integración en un widget de integración.

Si desea incrustar el elemento visual o el panel en un SharePoint sitio interno de Microsoft, puede crear una página nueva y, a continuación, pegar el código de inserción en un elemento web de inserción.