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

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

  });
});

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

Jean-Luc Houédanou

Jean-Luc Houédanou est un blogueur spécialisé dans l’innovation et la transformation numérique, avec une expérience en développement web front-end. Après avoir obtenu un Master en gestion du commerce électronique de l’Université de Sherbrooke, il a travaillé sur des projets d’envergure mondiale pour diverses entreprises, startups et organisations internationales. Il est également impliqué dans des projets communautaires et technologiques en Afrique.

Il aide, par le biais de ce blog, les lecteurs à s’adapter aux évolutions rapides de la technologie et des tendances du marché.

En plus de ses articles sur l’innovation et la transformation numérique, Jean-Luc Houédanou écrit également des colonnes d’opinion et donne des conseils sur le bien-être mental. Son objectif est d’aider les lecteurs à se développer personnellement et professionnellement, en leur fournissant des conseils pratiques pour gérer le stress et améliorer leur qualité de vie.