Cómo usar integraciones en tus proyectos

Existen muchas integraciones que puedes usar en tus proyectos de Infogram. Agrega vídeos de YouTube o Vimeo, contenido de Slideshare, imágenes de Flickr, GIF, URL, iframes y diversas integraciones de datos. Lee más sobre las opciones disponibles en el artículo a continuación.

Lee el artículo a continuación para ver cómo:

YouTube, Vimeo, Slideshare, Flickr

  1. Cuando el panel lateral de integraciones está abierto, selecciona si quieres usar un vídeo de YouTube o Vimeo, una presentación de Slideshare, o una imagen de Flickr en tu proyecto.
  2. Después de hacer clic en la miniatura, pega la URL del contenido que quieres usar o usa el campo de búsqueda para encontrar algo más específico.
  3. Cuando hayas encontrado el contenido que quieres usar, haz clic en su miniatura o arrástralo al lienzo.
  4. Puedes cambiar el tamaño del contenido a tu gusto en el lienzo.
    YouTube_integration.gif

Agregar URL

Puedes agregar integraciones de URL a tus proyectos. Proporcionan una breve descripción de la página correspondiente y obtienes un enlace directo al que se puede hacer clic,

  1. Cuando el panel lateral de integraciones está abierto, selecciona la opción agregar URL.
  2. Pega la URL en la ventana emergente y haz clic en Insertar. Esto añadirá un campo de URL redimensionable en tu proyecto.

    URL_integration.gif

Agregar un GIF

  1. Selecciona la opción de GIF desde el panel lateral de integraciones.
  2. Busca el GIF que quieres usar con la ayuda de la barra de búsqueda.
  3. Agrega el GIF a tu proyecto haciendo clic en él o arrastrándolo al lienzo. Puedes cambiar el tamaño del GIF en el lienzo a tu gusto.

Usar un iframe

También puedes insertar iframes en proyectos de Infogram. Puede ser un formulario (Google y Typeform), un mapa (Google maps), tu página web, etc. Ten en cuenta que los códigos que contengan javascript no son aceptados.

  1. Busca un enlace iframe que puedas usar en Infogram. Por ejemplo, Google maps, se puede acceder a un enlace iframe en el panel de configuración en Compartir o insertar un mapa.
  2. Copia el código HTML. Dirígete a Infogram y pega el código en el cuadro de iframe.
  3. Haz clic en Insertar, y el iframe aparecerá en el lienzo. Puedes cambiar su tamaño si lo necesitas.

    Iframe.gif

Obtener datos desde bases de datos

Hay algunas integraciones SQL disponibles: MySQL, PostgreSQL, Amazon Redshift, Oracle y Microsoft SQL Server. Estas integraciones requieren conocimientos básicos de manejo de datos de la fuente elegida.

En el panel lateral de integraciones, selecciona la base de datos que quieres conectar, y luego rellena el formulario:

  • Nombre de host (URI) o IP: si quieres asegurarte de que la integración sea segura, puedes restringir el acceso a estas direcciones IP: 63.33.112.231, 34.254.41.145, 34.255.12.210. Vamos a conectarnos a tu base de datos desde una de estas direcciones, así que asegúrate de que estén en la lista blanca.
  • Número de puerto
  • Nombre de la base de datos
  • Nombre de usuario
  • Contraseña
  • Si tu base de datos es compatible con conexiones SSL, te sugerimos que marques la casilla SSL en la app para la base de datos. Te recomendamos que uses esta configuración para asegurarte de que los datos no se transmiten en texto plano.
 
Nota: No es posible editar campos en el formulario después de haber conectado la base de datos. Para hacer eso, tendrás que agregar la integración de nuevo.

Puede encontrar dos ejemplos de consultas de bases de datos en este proyecto.

Las integraciones crean automáticamente gráficos dinámicos y en vivo y mapas. Se producirá una actualización cada vez que abras el proyecto en 1) el editor 2) la vista web 3) o tu página web donde está incrustado. En ese momento, se enviará una solicitud de datos a Infogram, luego a tu base de datos, que proporcionará nuevos datos.

Para desconectar la base de datos:

  1. Haz doble clic en el gráfico o mapa para acceder a la pestaña de edición de datos en el panel de configuración a la derecha.
  2. Haz clic en Desconectar justo encima de la tabla de datos para quitar la conexión.

Otras opciones

Lee el artículo sobre la creación de gráficos y mapas de actualización en vivo para ver cómo puedes conectar documentos de Google Drive y feeds JSON a tus proyectos.

Para saber cómo añadir tu cuenta de Google Analytics a tu cuenta de Infogram, echa un vistazo a este artículo sobre Google Analytics.