Comment intégrer un feed Instagram sans utiliser l’API d’Instagram/Facebook

Comment intégrer un feed Instagram sans utiliser l’API d’Instagram/Facebook, A Unix Mind In A Windows World

Parce que composer avec l’API d’instagram/facebook peut être une véritable source de migraines, voici un tutoriel qui montre comment récupérer une timeline instagram en jQuery.

Sans utiliser des jetons d’accès.

ou l’API en question.

Si, c’est possible.

Pour ce faire, j’utiliserais le plugin jQuery InstagramFeed. Il permet de générer une galerie d’images responsive sans avoir à utiliser un jeton d’accès à Instagram.

Dans un premier temps, téléchargez le plugin ici.

Ajoutez le ensuite à votre fichier index.html


<script src="https://code.jquery.com/jquery-3.3.1.min.js" 
        integrity="sha256-FgpCb/KJQlLNfOu91ta32o/NMZxltwRo8QtmkMRdAu8=" 
        crossorigin="anonymous"></script>
<script src="jquery.instagramFeed.min.js"></script><script src="scripts/index.js"></script>

Et créez une div.

  <div id="instagram-feed-demo" class="instagram_feed"></div>

Enfin, initialisez le plugin en faisant référence à l’id de la div précédemment créée.

Remplacez le paramètre username par le nom d’utilisateur du compte dont vous souhaitez récupérer la timeline.


$(window).on('load', function(){
  $.instagramFeed({
    'username': 'jlhouedanou',
    'container': "#instagram-feed-demo",
    'items':20,
        'items_per_row': 4

  });
});
Comment intégrer un feed Instagram sans utiliser l&rsquo;API d&rsquo;Instagram/Facebook, A Unix Mind In A Windows World

un aperçu ici

Ps : si jQuery n’est pas votre tasse de thé, le plugin est également disponible dans une version javascript, ici.

Fichiers sources disponibles ici

Jean Luc Houedanou

6 réponses

  1. Bonjour, est-ce que cela fonctionne sur un site fait avec Blogger ? Merci

    1. Bonjour, oui . Il faut éditer les fichiers sources du template pour cela.

  2. Bonjour,

    Pour information il me semble que le script n’est plus correct car instagram à changer leur API il me semble :s.

    1. Bonjour, il fonctionne toujours.
      Il faut juste récupérer la version 3.0.2 (pour javascript) et la version 3.04 ( pour jQuery) .

  3. Bonjour les images ne s’affichent pas pour moi

    1. Bonsoir, le plugin ne fonctionne plus depuis les dernières modifications d’Instagram . je ferais un article sur une alternative cette semaine.

Laisser un commentaire

Votre adresse e-mail ne sera pas publiée.