Instagram Widget problem

2 replies · opened Nov 23, 2020

Eedika99Nov 23, 2020

I've notice that Instagram widget on some devices does not work and not show any photos.
What happen is that the requested url https://www.instagram.com/[account]/?__a=1 receive a 302 response and is redirected to the login page of instagram.
I've not understood the cause of the behaviour but looks comes from instagram settings of the client is browsing the page.
This happen on my site and also browsing the exaples widget on your site.

SSemicolon WebSTAFFNov 23, 2020

Hello,

Apologies for the Inconvenience caused due to this!

Unfortunately, these changes are directly from Instagram, as they have made many changes to the APIs in recent times and requires the use of the Basic Display API: https://developers.facebook.com/docs/instagram-basic-display-api/ which is insanely complicated and the Access Token required to run the APP and display the Shots is short-lived and expires in 1 Hour. You will need to convert it to a Long-Lived Access Token and then refresh it every 60 days to keep your Instagram Feed on the Website working. Here is the complete guide to make this work using the Instagram Graph APIs: https://andrewly.medium.com/an-easy-guide-to-use-instagrams-new-api-in-2020-cd353b35c749 .

We are actively working to make this process easier in the coming updates and will keep you informed about the developments. But, currently, the only way to use Instagram Feeds on your Website is to use the settings available with Canvas.

Thanks for Understanding.

Let us know if we can help you with anything else or if you find any further issues.

SSemicolon WebSTAFFNov 23, 2020

Hello,

We have tried working on this! Consider using the updated js/plugins.min.js File: https://drive.google.com/file/d/1vconePqhxq48GsF1GvQ75GGzgBiqConM/view?usp=sharing .

Then:

  1. Follow steps 1 - 3 here: Facebook Basic Display API guide.
  2. Use the User Token Generator to create a starting access token.

Then add the following code in the HTML File just after the js/plugins.min.js JS File Linking:
[ch_pre]var scwInstagramToken = 'your-access-token';[/ch_pre]

This should work fine for now. But this is strictly experimental and currently, there will be no further support provided on this as this is something that is not officially included with Canvas at the moment.

Hope this Helps!

Let us know if we can help you with anything else or if you find any further issues.

Have the same question, or something new?

Sign in to the Canvas dashboard to reply or open your own topic. Canvas owners get direct help from the SemiColonWeb team.

Reply on the dashboard