Skip To Content

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, inicie sesión en Portal for ArcGIS y haga clic en Sitios en la página Descripción general para ver una lista de sus sitios.

Sugerencia:

También puede editar un sitio al verlo en un navegador. Asegúrese de haber iniciado sesión 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 de Contenido multimedia sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración 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 YouTube y Reproducción de vídeo en bucle.
  5. Haga clic en 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. Haga clic en Guardar.

Compartir una única publicación de Facebook

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

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración 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, haga clic en 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, haga clic en el botón de alternancia Mostrar texto de la entrada para mostrar el texto asociado con la publicación.
  5. Haga clic en Guardar.

Visualizar una cronología de Facebook

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

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración 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, haga clic en 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. Haga clic en 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.
    • 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 un botón de Enviar mensaje que vincula usuarios con Facebook Messenger.
    • Mostrar foto de portada muestra la foto de portada de la página.
  5. Haga clic en Guardar.

Visualizar un único tuit

Visualice una única publicación de Twitter para resaltar un tuit concreto.

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración 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 Twitter compartida de forma pública. Para obtener el vínculo de un único tuit, haga clic en el botón Más de la parte superior derecha de la publicación y seleccione Copiar vínculo al tuit.
  4. Si lo desea, haga clic en el botón de alternancia para activar cualquier combinación de las opciones siguientes en el menú Opciones:
    • Mostrar tema oscuro invierte el color de la visualización.
    • Ancho del tuit permite elegir el tamaño de la visualización de la publicación con estas opciones: Pequeño, Mediano y Grande.
  5. Seleccionar posición del tuit permite elegir entre alineación Izquierda, Centro o Derecha.
  6. Haga clic en Guardar.

Visualizar una cronología de Twitter

Visualice una cronología de Twitter por la que se puede desplazar.

  1. Arrastre una tarjeta de Redes sociales sobre una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. En el campo URL de publicación de redes sociales, pegue una URL para cualquier cronología de Twitter compartida de forma pública.
  4. Si lo desea, haga clic en el botón de alternancia para activar cualquier combinación de las opciones siguientes en el menú Opciones:
    • Altura expandida permite mostrar más de la cronología de Twitter.
    • Límite del tuit permite definir la cantidad de tuits (hasta 20) que se muestran en la cronología.
    • Mostrar tema oscuro invierte el color de la visualización.
    • Mostrar encabezado muestra un encabezado. Igualmente, seleccione Mostrar pie para mostrar un pie de página.
    • Mostrar borde muestra un borde alrededor de la cronología.
    • Mostrar fondo elimina o muestra el fondo.
  5. Haga clic en 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 de galería, una tarjeta de mapa web o una tarjeta de aplicación.

Al utilizar iframes, plantéese limitar la cantidad de instancias a no más de dos. 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 2 elementos clave genera un diseño más depurado y más accesible. Para los elementos restantes, pruebe a utilizar una tarjeta de galería.

  1. Arrastre una tarjeta de iframe a una fila existente.
  2. Desplácese sobre la tarjeta y haga clic en el botón de configuración para cambiar al modo de edición.
  3. Proporcione la URL de su iframe y la altura del iframe. No integre código de iframe de otro sitio web. Pegue solamente la URL que desea integrar.

    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.

  4. Agregue un título a su iframe.
  5. 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 si solo puede desplazarse. Confirme la facilidad de uso de un iframe desplazable en dispositivos móviles antes de validar sus cambios.

  6. Haga clic en 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.

  7. Haga clic en Guardar.