Instagram Feed Without the API

Started by Mick, Nov 29, 2019

Nov 29, 2019 Last Edit: May 25, 2020 by Mick
"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-feed" class="instagram_feed"></div>

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
<script src="https://cdn.jsdelivr.net/gh/jobdiogenes/jquery.instagramFeed[member=905]master[/member]/jquery.instagramFeed.min.js"></script>
<script>
    (function($){
        $(window).on("load", function(){
            $.instagramFeed({
                "username": "instagram",
                "container": "#instagram-feed",
                "display_profile": true,
                "display_biography": true,
                "display_gallery": true,
                "callback": null,
                "styling": true,
                "items": 8,
               "items_per_row": 4,
                "margin": 1
            });
        });
    })(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
That's awesome man! Always doing a good job!
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
Oct 26, 2020 #4 Last Edit: Oct 26, 2020 by Mick
Quote from: Tyler Walker on Oct 25, 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