Integración estándar
Los desarrolladores web pueden utilizar integraciones estándar para agregar un elemento de ArcGIS StoryMaps a un blog, sitio de ArcGIS Hub o página de la web de la organización.
La integración estándar se realiza usando una etiqueta HTML <iframe>, de modo que el elemento de ArcGIS StoryMaps se carga en un panel de la página web principal. La integración estándar no permite la personalización del elemento de ArcGIS StoryMaps integrado salvo mediante modificaciones hechas por medio de parámetros de URL.
Habilitar la integración estándar
La integración estándar está disponible para cualquier elemento publicado de ArcGIS StoryMaps que se comparta con todos.
Importante:
Se debe compartir una historia con todos para que se integre en otra página web.
Copiar fragmento de código de integración
Una vez que el elemento de ArcGIS StoryMaps se publique y comparta con todos, utilice los siguientes pasos para obtener el fragmento de código necesario para integrarlo.
Edite el elemento de ArcGIS StoryMaps.
Haga clic en el botón Más ⋯ en el encabezado y elija Integrar esta historia.
Antes de copiar el código de integración, ajuste la configuración de las opciones de integración para mostrar u ocultar el encabezado o la cubierta.
Nota:
El encabezado está oculto al integrar un elemento de ArcGIS StoryMaps (excepto en colecciones), pero puede forzar que se muestre actualizando la configuración de las opciones de integración.
Haga clic en Copiar.
El código de integración se copia.
También puede encontrar el código de integración al ver un elemento publicado en el menú Compartir en la pestaña Integrar.
El fragmento de código se proporciona como una etiqueta HTML <iframe> similar a la que se muestra a continuación. Inserte el código de integración en la página HTML donde quiere que se agregue el elemento de ArcGIS StoryMaps. Puede ajustar los parámetros height y width según lo necesite.
<iframe src="https://storymaps.arcgis.com/stories/[StoryMapItemID]" width="100%" height="500px" frameborder="0" allowfullscreen allow="geolocation"></iframe>