Configurar iframes para integrar informes publicados

Insights in ArcGIS Online
Insights in ArcGIS Enterprise
Insights Desktop

Puede integrar informes publicados de Insights en el código HTML con la etiqueta <iframe>. Un marco flotante (iframe) permite integrar un documento HTML en otro documento (página). Puede configurar un iframe de dos formas: optimizarlo para integrarlo en ArcGIS StoryMaps o personalizar un iframe que se pueda integrar en sitios web u otras aplicaciones de ArcGIS.

Configurar un iframe

Cuando publica un informe interactivo se genera un iframe.

Siga estos pasos para configurar un iframe:

  1. Siga los pasos para publicar un informe interactivo.
  2. En la ventana Informe publicado correctamente, en Integrar, haga clic en el botón Opciones para mostrar las opciones de iframe.
  3. Elija ArcGIS StoryMaps o iFrame personalizado.
  4. En Tamaño abra el menú y elija un tamaño.

    Para ArcGIS StoryMaps, las opciones de tamaño son Predeterminado y Personalizado. Para iFrame personalizado, las opciones de tamaño son Pequeño, Mediano, Grande y Personalizado.

  5. Haga clic en el botón Copiar para copiar el iframe.

Puede copiar el iframe en el código HTML o en una aplicación que permita integrar iframes.

Iframes de ArcGIS StoryMaps

Puede optimizar los informes publicados para integrarlos en ArcGIS StoryMaps.

El bloque Integrar del builder de historias ofrece tres opciones de tamaño: pequeño, mediano y grande. Los iframes optimizados para ArcGIS StoryMaps rellenan el ancho del bloque. Para obtener los mejores resultados, ajuste el tamaño del bloque Integrar y el ancho del informe Insights de la forma siguiente:

Integrar el tamaño del bloqueAncho máximo del informe de Insights

Pequeño

Dos tarjetas con el tamaño predeterminado

Medio

Tres tarjetas con el tamaño predeterminado

Grande

Cuatro tarjetas con el tamaño predeterminado

Si el tamaño del informe de Insights es más ancho que el bloque Integrar, aparecen barras de desplazamiento.

Para los iframes de ArcGIS StoryMaps, hay disponibles los siguientes tamaños de iframe:

TamañoDimensionesDescripción

Predeterminado

Ancho = 100 por ciento

Altura = 100 por ciento

El tamaño del iframe se ajusta a las dimensiones predeterminadas de un bloque Integrar (pequeño, mediano o grande) en el builder de historias.

Personalizado

Ancho = 100 por ciento

Altura = altura de las tarjetas del informe

El tamaño del iframe se ajusta al ancho del bloque Integrar (pequeño, mediano o grande) y la altura de las tarjetas del informe.

La altura de un iframe personalizado se puede editar y admite tanto píxeles como porcentajes.

Iframes personalizados

Los iframes personalizados se pueden integrar en la mayoría de código HTML, incluidos sitios web y productos de ArcGIS como ArcGIS Experience Builder, ArcGIS Dashboards y ArcGIS Hub.

Nota:

Se recomienda utilizar una sola tarjeta en un iframe pequeño al integrar contenido de Insights en Experience Builder para optimizar la visualización en dispositivos pequeños y medianos.

Para los iframes personalizados, hay disponibles los siguientes tamaños de iframe:

TamañoDimensionesDescripción

Pequeño

Ancho = 420 píxeles

Altura = 420 píxeles

Tamaño de una única tarjeta de mapa, gráfico o tabla con el tamaño predeterminado. Si el informe es más grande que las dimensiones del iframe, aparecen barras de desplazamiento.

Medio

Ancho = 830 píxeles

Altura = 830 píxeles

Tamaño de cuatro tarjetas con el tamaño predeterminado, distribuidas en dos columnas de dos tarjetas. Si el informe es más grande que las dimensiones del iframe, aparecen barras de desplazamiento.

Grande (opción predeterminada)

Ancho = 100 por ciento

Altura = 100 por ciento

Tamaño completo del elemento de iframe en el código HTML.

Personalizado

Ancho = ancho de las tarjetas del informe

Altura = altura de las tarjetas del informe

Dimensiones de las tarjetas, en píxeles, en el informe, de modo que se pueda ver el informe completo sin barras de desplazamiento.

La altura y la anchura de un iframe personalizado se pueden editar y admiten tanto píxeles como porcentajes.

Recursos

Utilice los recursos siguientes para más información: