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>
Nota:
Aunque la integración estándar funciona bien en muchas situaciones, no siempre resulta la mejor forma de presentar su contenido. La experiencia del lector depende de la cantidad de espacio disponible. Si el lector visita su sitio web en una pantalla pequeña como, por ejemplo, una tablet o teléfono, habrá menos espacio dedicado al contenido y su diseño puede cambiar. Pruebe su sitio web en diferentes tamaños de pantalla para confirmar que proporciona la experiencia deseada del lector. En muchos casos, recomendamos proporcionar también un vínculo para abrir el contenido en una nueva pestaña para ofrecer la mejor experiencia de visualización posible para sus lectores.