How to give a jquery instagram access to your personal Instagram feed

How to give jquery-instagram access to your personal Instagram feed

To show your Instagram pictures on your site with this handy plugin https://github.com/potomak/jquery-instagram, you need 2 things:

• a client ID
• an access token

First of all, login to your Instagram account:
https://instagram.com/accounts/login/

Once logged in, go to your :
http://instagram.com/developer/clients/manage/

Now, if you haven't signed up for a developer account, do it now to access the developer tools we need. After signup visit previous URL again.

Get a client ID

Click the "Register a new client" button and fill in the form. You have to specify what your client will do. Be sure that OAuth redirect_uri is an existing url. Click "Register"

After a successful create, you'll see a new client block, which contains:

• CLIENT ID
• CLIENT SECRET
• WEBSITE URL
• REDIRECT URI

Get an access token

Visit the following url and replace "CLIENT_ID" & "REDIRECT_URI" with the one we've just created:

https://instagram.com/oauth/authorize/?client_id=CLIENT_ID&redirect_uri=REDIRECT_URI&response_type=token

If your data is correct, you get a screen which asks you to authorize. Click "Authorize" unless you are unsure you want to give yourself access.

After this, we will be redirected to your REDIRECT URI and your access token is present in the address bar of your browser.