Canvas Support

Instagram Feed not working

4 replies · opened Jun 22, 2019

GgscottmalibuJun 22, 2019

Hello, thanks for making this great template.

I tried to add my unique ID and display images, but it didn't work, here is the code I used:

``

Do I have to create a instagram developer account or do anything else coding wise or on the instagram end?

GgscottmalibuJun 23, 2019

here is the error the browser is returning:

Uncaught Error: Error from Instagram: This client has not been approved to access this resource.
at e.parse (plugins.js:355)
at recent?access_token=5834720953.1677ed0.a0a26ba4c90845f9a844d64c316bf77a&count=12&callback=instafeedCache554b17a84ee146df.parse:1
api.dribbble.com/v1/shots/?list=debuts&sort=recent&page=1&per_page=12:1 Failed to load resource: the server responded with a status of 401 ()

SSemicolon WebSTAFFJun 24, 2019

Hello,

Thank You so much for the Kind words!

It appears that you are using an invalid Access Token which is why there is an issue fetching your pictures from Instagram.

  1. Go to https://www.instagram.com/developer/ > Manage Clients > Register a New Client > Create a New Client (Add http://localhost/ in the Redirect URL) > Uncheck: Disable implicit OAuth (In Security Tab)

  2. Go to this URL: https://api.instagram.com/oauth/authorize/?client_id=CLIENT-ID&redirect_uri=REDIRECT-URI&response_type=token and make sure that you replace the CLIENT-ID and REDIRECT-URI in the URL with their Actual Values. This will fetch you your Access Token.

  3. Open the js/functions.js File and find the following code:

SEMICOLON.widget.instagramPhotos( '5834720953.1677ed0.a0a26ba4c90845f9a844d64c316bf77a', '8e000fefe3024b2ead6a50ff005bf036' );

then replace 5834720953.1677ed0.a0a26ba4c90845f9a844d64c316bf77a with the newly generated Access Token in the step above and replace 8e000fefe3024b2ead6a50ff005bf036 with the Client ID of your Newly Created Client.

  1. Then you can simply add your User ID in the data-user Attribute and the data-type="user" Attribute should always be User since Instagram has blocked Access for other types of Content.

This will definitely work fine. Hope this Helps!

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

GgscottmalibuJun 28, 2019

Thank you so much!

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