Skip to content

Instantly share code, notes, and snippets.

@mojaray2k
Last active May 22, 2022 10:40
Show Gist options
  • Save mojaray2k/b502d75dd7a9fa277876 to your computer and use it in GitHub Desktop.
Save mojaray2k/b502d75dd7a9fa277876 to your computer and use it in GitHub Desktop.
Getting Instagram Access Token for http://intafeedjs.com

#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
@rafsan-me
Copy link

rafsan-me commented Sep 22, 2016

<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.

@supark
Copy link

supark commented Nov 19, 2016

@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~!

@supark
Copy link

supark commented Nov 19, 2016

**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.

@brockamus
Copy link

@thalesrm
Copy link

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

@cla63
Copy link

cla63 commented Sep 11, 2017

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 ? :/

@msarit
Copy link

msarit commented Dec 29, 2017

This worked for me - thanks so much!

@tomekvenits
Copy link

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 :)

@Catrosa
Copy link

Catrosa commented Feb 23, 2018

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.

@leandroruel
Copy link

the instagram API will change very soon, stay alert

@wschenkel
Copy link

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

@dogdoy
Copy link

dogdoy commented Oct 10, 2018

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!

@devangvachheta137
Copy link

How to generate ??? &response_type=token

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment