Create & Register an Instagram Client
Go to https://www.instagram.com/developer/ and click
Log-In
buttonUse your email/user name & password registered at Instagram to Log-in
Once logged-in head over to
Manage/Create Clients
Click
Register a new Client
Fill in the Instagram client registration form, use screenshot as your guide.
Under the
Details
tab:-- Application Name:
Enter your app name
- Description:
Enter a brief description
- Website:
Enter your blogger URL
- OAuth_redirect_uri:
Enter
http://instafeedjs.com
At
Security
tab:-Uncheck the "Disable Implicit OAuth"
Now click the
Register
button.Once successful, the details for your new registered Instagram client will display. Take note of your
Client ID
given.Open up a new tab at your browser. Copy below URL & place it at the URL bar.
https://instagram.com/oauth/authorize/?client_id=[CLIENT_ID_HERE]&redirect_uri=http://instafeedjs.com&response_type=token
Replace highlighted yellow with your
Client ID
provided at your Instagram dashboard (screenshot above). Once completed, press Enter.
If the authentication goes well, you will be redirected to instafeedjs.com website to retrieve your
access_token
& user_id
to use with your Instagram plug-in at BlogrCart themes.Copy the
user_id
and the access_token
for your reference. Keep it safe.Instagram Sandbox Environment
Upon registering a new Instagram client, users are provided with aSandbox API environment
. This API environment only allows you to retrieve your own Instagram images from your account.Under Instagram
Sandbox
mode, users are limited to 20 post images to retrieve & some other limitations explained at Instagram Developers page in detail.Instagram Live Environment
To fully utilize instafeedjs client used with BlogrCart Blogger templates, once you are satisfied with your Blogger store template customizations & fulfilled the basic requirements of a live website, you can submit your Instagram client for review.If your Instagram client is successfully reviewed & approved, you will get more options to retrieve post images from Instagram for example posts images by hashtags, by location, comments etc. Refer theme documentation under Instagram for more details.
Reference:
instafeedjs - Dead simple plug-in to display Instagram at any website
GitHub - Get Instagram Images via Javascript by Bradwestfall
Instagram Developer website.