Integrar vídeos, redes sociales e iframes

Comparta vídeos YouTube desde Facebook, Vimeo o las 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:

1. Abra un sitio o página en modo de edición.
2. En el panel Personalizar, seleccione Diseño.
3. Arrastre una tarjeta Vídeo sobre una fila del diseño.
4. Pegue una URL de un vídeo desde Facebook, Vimeo o YouTube en el campo Vínculo de vídeo.
5. En función del origen del vídeo, aparecen opciones adicionales que permiten configurar la visualización del vídeo:
   • Para vídeos de Facebook, introduzca un título para habilitar la accesibilidad, elija Mostrar texto de la entrada 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.
   • Para vídeos de Vimeo, introduzca un título para habilitar la accesibilidad, elija Mostrar título del vídeo, Mostrar propietario del vídeo, Mostrar vista en miniatura del propietario del vídeo y Reproducción de vídeo en bucle.
   • Para vídeos de YouTube, introduzca un título para habilitar la accesibilidad, elija Mostrar imagen de marca de YouTubeYouTube y Reproducción de vídeo en bucle.
6. Seleccione Guardar.

Mostrar una sola publicación de Facebook o X

Visualice una única publicación para resaltar algo concreto.

Para mostrar una única aplicación, siga estos pasos:

1. Abra un sitio o página en modo de edición.
2. En el panel Personalizar, seleccione Diseño.
3. Arrastre una tarjeta Redes sociales sobre una fila del diseño.
4. 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, después, copie la nueva URL desde el navegador antes de volver a editar el sitio.
5. Seleccione Guardar.

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:

1. Abra un sitio o página en modo de edición.
2. En el menú Personalizar, seleccione Diseño.
3. Arrastre una tarjeta Redes sociales sobre una fila existente.
4. En el campo URL de publicación de redes sociales, pegue una URL para cualquier página de Facebook compartida de forma pública.
5. Si lo desea, seleccione el botón de alternancia para activar 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 Problema con las tarjetas de redes sociales y los eventos de Facebook para 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.
6. Seleccione Guardar.

Integrar contenido con 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 Experience Builder, páginas de Insights, mapas web e historias, plantéese utilizar una tarjeta Galería, una tarjeta Mapa, una tarjeta Aplicación o una tarjeta 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, realice los pasos siguientes:

1. Abra un sitio o página en modo de edición.
2. En el panel Personalizar, seleccione Diseño.
3. Arrastre una tarjeta Iframe sobre una fila del diseño.
4. Proporcione la URL de su iframe y seleccione Aplicar.

   Sugerencia:

   Pegue solamente la URL que desee integrar, en lugar del código de iframe de otro sitio web (no se admite el dominio esri.com). 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 su iframe.

5. Si la aplicación integrada no funciona bien en dispositivos pequeños, proporcione una URL alternativa para Invalidación de URL móvil.
6. Utilice el botón de alternancia Ocultar en móvil si no tiene una versión móvil de la aplicación.
7. Habilite el desplazamiento activando Automático.

   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.

8. Seleccione los botones de alternancia de Habilitar uso compartido y Botón siempre visible, si es necesario.
9. Proporcione la altura del iframe.
10. Introduzca un título para habilitar la accesibilidad.
11. Seleccione Guardar.