Utiliser des integrations dans vos projets

Il existe de nombreuses integrations à utiliser dans vos projets Infogram. Ajoutez des vidéos YouTube ou Vimeo, du contenu depuis Slideshare, des images Flickr, GIFs, URLs, iframes, et de nombreuses integrations de données. Apprenez-en plus sur les options disponibles dans l'article ci-dessous.

Lisez l'article ci-dessous pour découvrir comment :

YouTube, Vimeo, Slideshare, Flickr

  1. Lorsque la barre d'intégration est ouverte, sélectionnez soit une video Youtube, Vimeo, une présentation Slideshare, ou une image depuis Flickr dans votre projet.
  2. Après avoir cliqué sur la vignette, collez l'URL du contenu à utiliser ou utilisez la barre de recherche pour trouver quelque chose de spécifique.
  3. Une fois le contenu à utiliser trouvé, cliquez sur sa vignette ou faites le glisser sur la toile.
  4. Vous pouvez redimensionner le contenu sur la toile si besoin.
    YouTube_integration.gif

Ajouter une URL

Vous pouvez ajouter des intégrations URL à vos projets. Elles offrent une courte description de la page correspondante et donnent un lien à cliquer directement.

  1. Lorsque la barre d'intégration est ouverte, sélectionnez l'option pour ajouter une URL.
  2. Collez l'URL dans la fenêtre surgissante et cliquez sur Insérer. Cela va ajouter une URL redimensionnable à votre projet.

    URL_integration.gif

Ajouter un GIF

  1. Sélectionnez l'option GIF dans la barre d'integration.
  2. Recherchez le GIF à utiliser via la barre de recherche.
  3. Ajoutez le GIF à votre projet en cliquant dessus ou en le faisant glisser sur la toile. Vous pouvez redimensionner le GIF sur la toile si besoin.

Utiliser un iframe

Vous pouvez aussi intégrer des iframes dans les projets Infogram. Cela peut être un formulaire (Google et Typeform), une carte (Google maps), votre site web, etc. Souvenez-vous que les codes contenant javascript ne seront pas acceptés.

  1. Recherchez un lien iframe à utiliser dans Infogram. Ex: dans Google Maps, un lien iframe est accessible depuis les paramètres sous Partager ou intégrer une carte.
  2. Copiez le code HTML. rendez-vous sur Infogram et collez le code dans la zone iframe.
  3. Cliquez sur Insérer, et l'iframe va apparaître sur la toile. Vous pourrez ensuite redimensionner si besoin.

    Iframe.gif

Se fournir en données depuis des bases de données

Plusieurs intégrations SQL sont disponibles : MySQL, PostgreSQL, Amazon Redshift, Oracle, et Microsoft SQL Server. Ces intégrations nécessitent une connaissance basique de la gestion des données depuis la source de préférence.

Dans la barre des intégrations, sélectionnez la base de données à connecter, puis remplissez le formulaire :

  • Nom d'hôte(URI) ou IP : Si vous souhaitez sécuriser cette intégration, vous pouvez restreindre l'accès de vos bases de données à ces adresses IP : 63.33.112.231, 34.254.41.145, 34.255.12.210. Nous allons nous connecter à votre base de données depuis l'une de ces adresses, assurez-vous de les avoir placé sur liste blanche.
  • Numéro de port  
  • Nom de la base de données
  • Nom d'utilisateur
  • Mot de passe
  • Si votre base de données prend en charge les connexions SSL, nous vous suggérons de cocher la case SSL dans l'application pour ce type de base de données. Nous vous recommandons d'utiliser ce paramètre pour vous assurer que les données ne sont pas transmises en texte brut.
 
Note : Il n'est pas possible d'éditer les champs du formulaire après l'avoir connecté à la base de données. Pour faire ça, vous devrez ajouter l'intégration à nouveau.

Vous pouvez trouver deux exemples de données dans ce projet.

Les intégrations créent des graphiques et des cartes à la mise à jour en direct. Une mise à jour va intervenir à chaque fois que vous ouvrez le projet dans 1) l'editor 2) la vue web 3) votre site web, là où il est intégré. Pour le moment, une requête pour des données sera envoyé à Infogram, puis à votre base de données qui va fournir les nouvelles données.

Pour déconnecter la base de donnée :

  1. Double-cliquez sur le graphique ou carte pour accéder le tableau d'édition des données dans les paramètres sur la droite.
  2. Cliquez sur Déconnecter au dessus du tableau des données pour retirer la connexion.

Autres options

Lisez l'article sur la création de graphiques et de cartes Pour découvrir comment connecter vos documents Google Drive et JSON feeds à vos projets.@

Pour découvrir comment ajouter votre compte Google Analytics à votre compte Infogram, consultez l'article Google Analytics.