Comparta vídeos desde YouTube, Facebook, Vimeo o redes sociales e integre iframes en sus sitios o páginas.
Mostrar un vídeo
Agregue tarjetas de vídeos para integrar vídeos de YouTube, Vimeo o Facebook.
Para mostrar un vídeo, siga estos pasos:
- Edite un diseño de página o sitio.
- En el panel Personalizar, seleccione Diseño.
- Arrastre una tarjeta Vídeo sobre una fila del diseño.
- Pegue una URL de un vídeo desde Facebook, Vimeo o YouTube en el campo Vínculo de vídeo.
- En función del origen del vídeo, aparecen las siguientes opciones adicionales que permiten configurar la visualización del vídeo:
- Vídeos de Facebook: proporcione un texto para Título para habilitar la accesibilidad y elija Mostrar texto de la publicación para visualizar el número de Me gusta, comentarios, veces que se ha compartido y otros textos relacionados. Elija Mostrar siempre las leyendas para visualizar títulos de vídeos.
- Vídeos de Vimeo: proporcione un texto para Título para habilitar la accesibilidad y elija Mostrar título del vídeo, Mostrar propietario del vídeo, Mostrar vista en miniatura del propietario del vídeo o Reproducción de vídeo en bucle.
- Vídeos de YouTube: proporcione un texto para Título para habilitar la accesibilidad y elija Mostrar imagen de marca de YouTube o Reproducción de vídeo en bucle.
- Haga clic en Guardar diseño.
Mostrar una sola publicación de Facebook o X
Muestre una publicación individual para resaltarla específicamente.
Para mostrar una única aplicación, siga estos pasos:
- Edite un diseño de página o sitio.
- En el panel Personalizar, seleccione Diseño.
- Arrastre una tarjeta Redes sociales sobre una fila del diseño.
- En el campo Enlace a publicación o línea temporal, pegue una URL correspondiente a cualquier publicación compartida de forma pública.
Para copiar la URL correcta, seleccione la marca de tiempo de la publicación (la fecha u hora de la esquina superior izquierda de la publicación) y copie la nueva URL desde el navegador antes de volver a editar el sitio.
- Haga clic en Guardar diseño.
Mostrar un elemento de Facebook o X
Muestre un evento o una línea temporal de Facebook o X con opciones para enviar un mensaje, aumentar el tamaño de encabezado e incluir una foto de portada.
Para mostrar una línea temporal o un evento, siga estos pasos:
- Edite un diseño de página o sitio.
- Desde el menú Personalizar, seleccione Diseño.
- Arrastre una tarjeta Redes sociales sobre una fila existente.
- En el campo URL de publicación de redes sociales, pegue una URL para cualquier página de Facebook compartida de forma pública.
- Si lo desea, active los botones de alternancia para cualquier combinación de las opciones siguientes:
- Línea temporal permite al visitante desplazarse hacia abajo por las publicaciones anteriores.
- Eventos muestra una vista de lista de las vistas de eventos de la página.
Al utilizar la tarjeta Redes sociales, es posible que observe un resultado inesperado con el feed Eventos de Facebook. Lea el artículo de blog Problema con las tarjetas de redes sociales y los eventos de Facebook para obtener más información.
- Mensajes permite que los usuarios envíen un mensaje al administrador de la página de Facebook con Facebook Messenger.
- Usar encabezado grande aumenta el tamaño del encabezado de la página.
- Mostrar foto de portada muestra la foto de portada de la página.
- Haga clic en Guardar diseño.
Integrar contenido mediante una tarjeta Iframe
Puede utilizar una tarjeta Iframe para integrar recursos externos, como una aplicación, un mapa web o un cuadro de mando, utilizando su URL.
Sugerencia:
Los iframes son idóneos para visualizar cuadros de mando e infografías. Para otros elementos, incluidas aplicaciones web de ArcGIS Experience Builder, mapas web, encuestas e historias, plantéese utilizar una tarjeta de galería, una tarjeta de mapa, una tarjeta de aplicación o una tarjeta de encuesta.
Plantéese utilizar no más de dos instancias de iframe. Si hay demasiados iframes en un sitio o página, el rendimiento en visualizaciones desde dispositivos móviles puede verse afectado. Independientemente de si utiliza un iframe u otra tarjeta, muestre un máximo de dos elementos clave para un diseño más depurado y más accesible. Pruebe a utilizar una tarjeta Galería con los demás elementos.
Para integrar contenido con una tarjeta Iframe, siga estos pasos:
- Edite un diseño de página o sitio.
- En el panel Personalizar, seleccione Diseño.
- Arrastre una tarjeta Iframe hasta una fila del diseño.
- Proporcione el valor de URL de Iframe y seleccione Aplicar.
Sugerencia:
Pegue solamente la URL que desee integrar, en lugar del código de iframe de otro sitio web (el dominio esri.com no es compatible). Las URL de iframes que utilicen HTTP no aparecerán el modo de edición, ya que utiliza HTTPS. Guarde y visualice el sitio para ver el iframe.
- Si la aplicación integrada no funciona bien en dispositivos pequeños, proporcione una URL alternativa para Invalidación de URL móvil.
- Active el botón de alternancia de Ocultar en móvil si no tiene una versión móvil de la aplicación.
- Active el botón de alternancia de Automático para habilitar el desplazamiento.
Sugerencia:
El desplazamiento no siempre es adecuado para los dispositivos móviles, ya que un usuario puede no ser capaz de pasar por la aplicación. Confirme que un iframe desplazable funciona en un dispositivo móvil antes de aplicar sus cambios. - Si lo desea, active los botones de alternancia de Habilitar uso compartido y Botón siempre visible.
- Proporcione la altura del iframe.
- Proporcione un texto en Título para habilitar la accesibilidad.
- Haga clic en Guardar diseño.
Vínculos relacionados
Para obtener más información, consulte lo siguiente: