Getting Instagram Access Token for http://intafeedjs.com

instafeedjsaccess.md

#Use this URL to get your client authorized for Instafeed.JS plugin for Instagram.

1. First login into your Instargam account
2. Then go to https://www.instagram.com/developer/
3. At the top click on the Button that says "Manage Clients".
4. If you have not Register a new client.
5. Fill out everything and where it says redirect url put this url: http://instafeedjs.com
6. Then on the security tab make sure you uncheck "Disable implicit OAuth"
7. Finally use this link to authoruize Instafeed. Where it says "[Client ID]" replace that including the brackets with your clientID from instagram:
8. https://instagram.com/oauth/authorize/?client_id=[Client ID]&redirect_uri=http://instafeedjs.com&response_type=token

not working for me:

Error from Instagram: This request requires scope=public_content, but this access token is not authorized with this scope. The user must re-authorize your application with scope=public_content to be granted this permissions.

Same issue as @waynejuckts :(

for me it worked super fine for a single day, and then I got "the access_token provided is invalid".
once I have regenerated it, it works again.
Could anyone point on a method to avoid this re-generating?

waynejuckts -> Replace Client ID with yours then add the &scope=public_content to the end. It worked for me.

@mojaray2k and with this method we have instafeed.js that regenerate access_token on client side everytime it need it, or its just a method for obtain access_token?

islamz1214: where to put &scope=public_content?

@kristianmarkuy step 8

<script type="text/javascript" src="http://rafsan.me/instafeed.min.js"></script>

<div id="instafeed"></div>
<script type="text/javascript">
  var userFeed = new Instafeed({
    get: 'user',
    userId: '3891752732',
    clientId: 'fcad615174e744bfb7fceec69c6e9fe8',
    accessToken: '3891752732.fcad615.660e74f3071640cdb893bbb3c1b0bce2',
    resolution: 'standard_resolution',
    template: '<a href="{{link}}" target="_blank" id="{{id}}"><img src="{{image}}" /><span>{{likes}}{{comments}}</span></a>',
    sortBy: 'most-recent',
    limit: 32,
    links: false
  });
  userFeed.run();
</script>

Thats was my code , whats wrong with this. I'm just getting blank white page.
Please help me.

@irafsan I just used your code, then it works. Where did you put

1. <script type="text/javascript" src="http://rafsan.me/instafeed.min.js"></script>
2. div id="instafeed">
3. rest of code?
   It's important where these are located.
   If you want to input all the codes are the same html file, the order should be 1 and 3 should be before and 2 should be inside .

Good luck~!

**If you want to input all the codes are the same html file, the order should be 1 and 3 should be before /head and 2 should be inside body.

Found that this link works better "https://instagram.com/oauth/authorize/?client_id=[Client ID]&redirect_uri=http://instafeedjs.com/&response_type=token"

Has anyone found a solution for this ? I'm only getting a blank page.

that work for me https://github.com/adrianengine/jquery-spectragram/wiki/How-to-get-Instagram-API-access-token-and-fix-your-broken-feed.. but a dubt: is secure put the accesstoken in the online scipt like irafsan ? :/

This worked for me - thanks so much!

You can check library:
https://github.com/venits/instagram-web-oauth
It gets you access_token in 3 lines of code. It is like 5 min setup and you good to go :)

This worked great for me! Thank you so much for sharing. At first it wasn't working because I put my client ID in the bracket instead of deleting the client Id with the brackets and only inserting my client ID oops.

the instagram API will change very soon, stay alert

Hey guys, it works for me. In Step 8, just put &scope=public_content in the end of url.
Example:
https://instagram.com/oauth/authorize/?client_id=[YOUR_CLIENT_ID]&redirect_uri=http://instafeedjs.com&response_type=token&scope=public_content

I hope helping someone! :)
Hugs

Hey guys, it works for me. In Step 8, just put &scope=public_content in the end of url.
Example:
https://instagram.com/oauth/authorize/?client_id=[YOUR_CLIENT_ID]&redirect_uri=http://instafeedjs.com&response_type=token&scope=public_content

I hope helping someone! :)
Hugs

You've saved me! Thanks!

How to generate ??? &response_type=token