Instafeed.js: Instafeed doesn't work

[ac-barros]

Hi everyone!
The instafeed on my blogger website is not working (doesn't show images) and it's probably because the instagram API changed. Can you please tell me how to fix it?

Thanks

[JamoDevNich]

Could you link the page or provide sample implementation code? (ommitting the api key of course)

Edit: @ac-barros

[ac-barros]

Hi JamoDevNich,

Here's the page: www.dimplesblog.com/

[JamoDevNich]

The images are returning 403 when inspected saying the signature is invalid, I think this is a result of the replace code you have to get higher res images

var highResThumb = post.images.thumbnail.url.replace('s150x150/', 's640x640/');

To fix this you need to remove the url signature from the url, I posted a fix for this in another thread https://github.com/stevenschobert/instafeed.js/issues/549#issuecomment-358049610 I don't know how long this workaround will work before instagram eventually enforces url signing though.

Edit: @ac-barros

[ac-barros]

Thanks! It worked but the images are showing up with a gap between them and in poor quality! Is it fixable?

[JamoDevNich]

Change

var highResThumb = post.images.thumbnail.url.replace(/vp.*\/.{32}\/.{8}\//,'s640x640/');

to

var highResThumb = post.images.thumbnail.url.replace(/vp.*\/.{32}\/.{8}\//,'').replace('150x150', '640x640');

Edit: @ac-barros

[ac-barros]

Thank you so much! It is working just fine!

[JamoDevNich]

@ac-barros No problem 😁