Puede integrar páginas compartidas 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
Al compartir una página, se genera un iframe.
Siga estos pasos para configurar un iframe:
- Siga los pasos para compartir una página.
- En la ventana Página compartida correctamente, en Integrar, haga clic en el botón Opciones para mostrar las opciones de iframe. Elija ArcGIS StoryMaps o iFrame personalizado.
- 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.
- 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 las páginas compartidas para integrarlas en StoryMaps.
El bloque Integrar del builder de historias ofrece tres opciones de tamaño: pequeño, mediano y grande. Los iframes optimizados para StoryMaps rellenan el ancho del bloque. Para obtener los mejores resultados, ajuste el tamaño del bloque Integrar y el ancho de la página Insights de la forma siguiente:
| Integrar el tamaño del bloque | Ancho máximo de la página de Insights |
|---|---|
Pequeño | Dos tarjetas con el tamaño predeterminado |
Mediano | Tres tarjetas con el tamaño predeterminado |
Grande | Cuatro tarjetas con el tamaño predeterminado |
Si el tamaño de la página 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ño | Dimensiones | Descripció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 de la página | El tamaño del iframe se ajusta al ancho del bloque Integrar (pequeño, mediano o grande) y la altura de las tarjetas de la página de Insights. 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ño | Dimensiones | Descripció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 la página compartida es más grande que las dimensiones del iframe, aparecen barras de desplazamiento. |
Mediano | 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 la página compartida 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 de la página Altura = altura de las tarjetas de la página | Dimensiones de las tarjetas, en píxeles, en la página, de modo que se pueda ver la página completa 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 estos recursos para obtener más información sobre cómo integrar iframes en las aplicaciones de ArcGIS:
- Integrar vídeos, redes sociales e iframes en ArcGIS Hub
- Integrar widgets en ArcGIS Experience Builder
- Agregar contenido multimedia en ArcGIS StoryMaps
- Guía de iframe de Insights
- Texto enriquecido en ArcGIS Dashboards