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
});
});

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 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.
Bonjour, est-ce que cela fonctionne sur un site fait avec Blogger ? Merci
Bonjour, oui . Il faut éditer les fichiers sources du template pour cela.
Bonjour,
Pour information il me semble que le script n’est plus correct car instagram à changer leur API il me semble :s.
Bonjour, il fonctionne toujours.
Il faut juste récupérer la version 3.0.2 (pour javascript) et la version 3.04 ( pour jQuery) .
Bonjour les images ne s’affichent pas pour moi
Bonsoir, le plugin ne fonctionne plus depuis les dernières modifications d’Instagram . je ferais un article sur une alternative cette semaine.