Integrar vídeos, redes sociales e iframes

Comparta vídeos desde las redes sociales Facebook, Vimeo o YouTube e integre iframes en sus sitios o páginas.

Para empezar, los miembros del equipo del sitio o iniciativa pueden iniciar sesión en ArcGIS Hub y seleccionar Sitios en la página Descripción general para ver la lista de sitios. Si su organización tiene una licencia para ArcGIS Hub Premium, los sitios de iniciativas se enumeran en Iniciativas en la página Descripción general.

Sugerencia:

También puede editar un sitio al verlo en un navegador. Asegúrese de haber iniciado sesión en ArcGIS Hub y busque el botón de edición a la izquierda del sitio.

Visualizar vídeos

Agregue tarjetas de vídeos para integrar vídeos de YouTube, Vimeo o Facebook.

  1. Arrastre una tarjeta Vídeo a una fila existente.
  2. Desplácese sobre la tarjeta y seleccione el botón de edición editar para cambiar al modo de edición.
  3. Pegue una URL de un vídeo desde Facebook, Vimeo o YouTube en el campo URL del vídeo.
  4. 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, seleccione 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, seleccione 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, seleccione Mostrar imagen de marca de YouTubeYouTube y Reproducción de vídeo en bucle.
  5. Seleccione el botón de copiar junto a URL del vídeo para guardar el vínculo en el portapapeles de tal forma que pueda reutilizarlo en cualquier otra parte de la aplicación.
  6. Seleccione Guardar.

Compartir una única publicación de Facebook

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

  1. Arrastre una tarjeta Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y seleccione el botón de edición editar para cambiar al modo de edición.
  3. En el campo URL de publicación de redes sociales, pegue una URL para cualquier publicación de Facebook 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 en el navegador antes de volver a editar el sitio.
  4. Si lo desea, seleccione el botón de alternancia Mostrar texto de la entrada para mostrar el texto asociado con la publicación.
  5. Seleccione Guardar.

Visualizar una cronología de Facebook o Twitter

Visualice una cronología, un evento o un mensaje de Facebook para una mayor exploración.

  1. Arrastre una tarjeta Redes sociales sobre una fila existente.
  2. Seleccione cualquier lugar dentro de la tarjeta para cambiar al modo de edición.
  3. En el campo URL de publicación de redes sociales, pegue una URL para cualquier página de Facebook compartida de forma pública.
  4. Si lo desea, seleccione el botón de alternancia para activar cualquier combinación de las opciones siguientes:
    • Cronología muestra una pestaña de cronología debajo del encabezado de la página. Seleccione esta opción si desea compartir su cronología junto con eventos o mensajes.
    • 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 escriban y 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 y agrega el botón Enviar mensaje que vincula usuarios con Facebook Messenger.
    • Mostrar foto de portada muestra la foto de portada de la página.
  5. 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 y story maps, plantéese utilizar una tarjeta Galería, una tarjeta Mapa web, 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, mostrar un máximo de dos elementos clave genera un diseño más depurado y más accesible. Pruebe a utilizar una tarjeta Galería con los demás elementos.

  1. Agregue una tarjeta de iframe a una fila existente.
  2. Proporcione la URL de su iframe y la altura del iframe. No integre código de iframe de otro sitio web, solo pegue la URL que desee integrar. No se admite el dominio esri.com.

    Nota:
    Para asegurarse de que el contenido se represente, aunque la URL principal falle en dispositivos más pequeños, puede proporcionar una URL secundaria con el campo Invalidación de URL móvil.

  3. Agregue un título a su iframe.
  4. 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 la facilidad de uso de un iframe desplazable en un dispositivo móvil antes de aplicar sus cambios.

  5. Seleccione Aplicar.

    Nota:

    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.

  6. Seleccione Guardar.