topic Re: Custom Instagram Feed in CMS Development

Custom Instagram Feed

Jsum — Thu, 20 Sep 2018 12:03:45 GMT

Does anyone know of a way to feed images from an instagram account to a webpage?

I have a client with a 4x3 grid of instagram images in a design and I am actually stumped. There is the instagram api but it would require a proxy and also it looks like they are slowly removing it from existance: https://www.instagram.com/developer/

Other than that I can't find anything except embed codes for individual posts. I can't believe that this isn't possible. what am I missing?

Re: Custom Instagram Feed

tjoyce — Thu, 20 Sep 2018 12:27:06 GMT

@Jsum - The media endpoint still appears to be working for instafeed - https://codepen.io/matthewelsom/pen/zrrrLN

Re: Custom Instagram Feed

Jsum — Thu, 20 Sep 2018 13:02:29 GMT

@tjoyce,

I'm waiting for the client to accept the invite to my app so I can try it but it looks like it's going to work. You really have to jump through hoops to find the UserId, ClientId, and accessToken.

I used the answers here to get the UserId: https://stackoverflow.com/questions/37593025/instagram-api-get-the-userid

and the 'Client-Side (Implicit) Authorization' section here to get the Access token: https://www.instagram.com/developer/authentication/ You have to go to permissions to allow implicit Auth.

and the UserId is in the settings for the client that you have to create.

The app can only run in sandbox mode until approved by instagram.

Also I guess any accounts who's images you want to access need to be added as users to the app and they have to accept the invite before you can access their stuff.

It seams like a lot of effort for some pictures but what the heck. At least the code you shared works.

Re: Custom Instagram Feed

tjoyce — Thu, 20 Sep 2018 15:07:34 GMT

Ugh, that sounds painful, I haven't used instafeed since about 2014/2015, I bet a lot has changed since then.

Re: Custom Instagram Feed

hermanschutte — Sat, 22 Sep 2018 16:24:06 GMT

Hi Jsum,

The Instagram API has definitely become a lot more restricted than it was a couple of years ago. Would a pre-built solution not work for you? Just embedding an Instagram Widget on the client's website to display the photos in a grid?

Disclaimer: I built an app that does Instagram feed embedding, so would love to recommend it. But can also give you some pointers in working with the API if you need.

Re: Custom Instagram Feed

BFord — Thu, 18 Jul 2024 05:35:35 GMT

Hey Jsum

I hope you are doing great.

This Instagram API thing is time consuming concept that works but have to give much bandwidth. I was strolling and I found a solution, you can explore this solution - https://tagembed.com/blog/embed-instagram-feed-on-website-for-free/ , using this Tagembed tool you can almost embed all types of Instagram post for your client in different layout formats.

I hope I have resolved your problem.

If you found this helpful you can mark my answer as an accepted solution.

Looking forward to it.