fr|en

Blog

Web and Communication related news, technical advice, agency's news...

Back

Intégrer un flux Instagram sur son site en 2022

Vous souhaitez rendre votre site plus attractif ? L’affichage d’un flux de photos Instagram est une bonne façon de dynamiser son site et de donner plus de visibilité à votre feed Instagram.

Nous allons voir dans cet article comment créer une API Instagram et obtenir une clé (token) afin d’importer vos contenus multimédias depuis Instagram, via la plateforme Meta for Developers. Cette clé expire tous les 60 jours, vous devrez donc générer une nouvelle clé manuellement afin de prolonger l’affichage du flux.

Avant de démarrer, vous devez disposer d’un compte Instagram mais aussi d’un compte Meta for Developers pour paramétrer l’API : https://developers.facebook.com

Les étapes :

Créer une application Facebook

Pour commencer connectez-vous sur le site Meta for Developers et cliquez sur Créer une app dans Mes Applications, et ensuite sur Pour tout le reste.

Saisir un nom pour l’App, par exemple « Flux Instagram », renseignez tous les champs et enfin cliquez sur le bouton Créer un ID d’app.

Sur le tableau de bord, allez dans Paramètres > Général puis cliquez sur Site Web.

Dans la fenêtre suivante, renseignez l’URL du site Web qui affichera votre flux, votre pays, puis Enregistrer.

Paramétrer l’API Instagram

Maintenant, votre site Web doit pouvoir communiquer avec Instagram, et pour cela il faut paramétrer l‘API Basic Display Instagram.

Voici la procédure :

  • Sur le tableau de bord, dans Mes produits cliquez sur Instagram Basic Display puis Créer une application
  • Dans la fenêtre suivante, indiquez le nom de l’App à nouveau puis Créer une application
  • Ensuite cliquez sur Instagram Basic Display > Basic Display
  • Saisissez l’URL du site avec lequel vous souhaitez communiquer dans les sections Paramètres OAuth client, Annuler l’autorisation et enfin Demande de suppression de données.
  • Cliquez tout en bas sur Enregistrer les modifications.

Vous devez maintenant créer un testeur Instagram afin d’autoriser la communication avec votre site.

Créer un testeur Instagram

  • Sur le tableau de bord, dans Rôles, cliquez sur Rôles.
  • Dans la section Testeurs Instagram cliquez sur le bouton Ajouter Testeurs Instagram et saisissez le nom de la page Instagram avec laquelle vous souhaitez communiquer, puis Envoyer.

Vous devez maintenant valider le testeur nouvellement créé :

Depuis le compte Instagram, cliquez sur la roue crantée à côté de Modifier le profil, et sélectionnez Apps et sites Web.

Cliquez sur Invitations à tester et acceptez l’invitation.

Le testeur est désormais autorisé (une confirmation apparait sous le nom du testeur), et il est listé dans votre compte Meta for developpers sous Testeurs Instagram.

Il vous reste une dernière étape : obtenir un token Instagram !

Générer un token Instagram

De retour sur le tableau de bord de Meta for Developers :

  • Cliquez sur Instagram Basic Display > Basic Display
  • Dans la section User Token Generator cliquez sur le bouton Generate Token
  • Connectez-vous à votre compte Instagram dans la nouvelle fenêtre affichée et cliquez Autoriser
  • Cliquez sur I understand pour accepter les conditions et copiez le nouveau token généré, c’est bon vous êtes prêt !

Actualisation du token (tous les 60 jours)

Sans actualisation de la clé, le flux cessera de fonctionner au bout de 60 jours : vous devrez générer une nouvelle clé en répétant la dernière étape de ce tutoriel.

Talk to you soon !