Tutorials Themes Mods Inspiration Collections Theme Store Mod Store SMF HTML CSS geek Dani UX jane Lifestyle LimeStone

Instagram Feed Without the API

Written by Mick in Tutorials on 29 Nov 2019

smfhtmlcssinstagramapi
Instagram Feed Without the API
Share your latest Instagram pics on your website without using the access token with this responsive and customizable Instagram Photo Gallery plugin.




Let's create an HTML block (preferably a bottom block) and add this:
<div id="instagram-feed1" class="instagram_feed"></div>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://www.sowecms.com/demos/jquery.instagramFeed/jquery.instagramFeed.min.js"></script>
<script>
    (function($){
        $(window).on('load', function(){
            $.instagramFeed({
                'username': 'instagram',
                'container': "#instagram-feed1",
                'display_profile': true,
                'display_biography': true,
                'display_gallery': true,
                'display_captions': false,
                'max_tries': 8,
                'callback': null,
                'styling': true,
                'items': 8,
                'items_per_row': 4,
                'margin': 1,
                'lazy_load': true,
                'on_error': console.error
            });
        });
    })(jQuery);
</script>

Replace "Instagram" with user name.
                "username": "instagram",
To display the profile or not, simple use true or false.
                "display_profile": true,
To display the biography or not, use true or false.
                "display_biography": true,
The total of images, change to whatever number you desire.
                "items": 8,
Items per row, change accordingly.
              "items_per_row": 4,
Reference:
GitHub - jsanahuja/jquery.instagramFeed: Instagram Feed without access token. Not using the Instagram API
Mick

is an American theme designer for Simple Machines Forum software currently living in South Florida, USA. He runs idesignSMF and started tinkering with SMF in 2006 where he created several SMF forums of his own before he founded idesignSMF in 2009 to which he is dedicated full time.


6 Comments

That's awesome man! Always doing a good job!
#1
Hey there, this is not working for me because the script at the second URL in the code above is not accessible. Have you removed it?

https://cdn.jsdelivr.net/gh/jobdiogenes/jquery.instagramFeed@master/jquery.instagramFeed.min.js
#3
Quote from: Tyler Walker on 25 Oct 2020
Hey there, this is not working for me because the script at the second URL in the code above is not accessible. Have you removed it?

https://cdn.jsdelivr.net/gh/jobdiogenes/jquery.instagramFeed@master/jquery.instagramFeed.min.js

That one works for me. Same one on the demo. I think the issue you're having is due to my at-mentions mod. The link has atMaster on it so the mentions mod is looking for a member named "Master" lol.....anyways, Here's another without using jquery..
GitHub - jsanahuja/InstagramFeed: Vanilla JavaScript Instagram Feed without access token. Not using the Instagram API
#4

Code updated to latest version.
#5
QuoteThe focus of this repository was to provide an easy and ready to use plugin to display an Instagram Feed but since latest Instagram changes, this no longer makes sense. Please, move to an official API based plugin.

This code has been archived. No longer works.
#6

Get more stuff like this