How to get Instagram followers count using JQuery Ajax?
In this post we will give you information about How to get Instagram followers count using JQuery Ajax?. Hear we will give you detail about How to get Instagram followers count using JQuery Ajax?And how to use it also give you demo for it if it is necessary.
Today, I am going to share with you how to retrieve number of followers, media, followed by you, username, profile picture, fullname etc by using jquery ajax. You can simply get count in your PHP Project or any php framework also like laravel, codeigniter, symfony etc.
When i was working on my php project and i require to get count total instagram followers of me. I did search a lot but i nothing get good on PHP, Finally i was thinking if it is possible by jquery ajax then it will be best. Again i search more and finally got something. In this solution we have to generate access token for out instagram profile details, Without token Instagram will never give you profile details so, First thing you have to get Token from bellow Link:
Generate Your Token:
Ok, After generate token, we will use it on our bellow example, So you have to assign bellow example code “token” variable, So let’s follow bellow example and you can also check demo, After generate your token. In this example i just get total followers, but you can get also fullname, username, total number of media etc, you can check on demo.
index.html
<!DOCTYPE html>
<html>
<head>
<title>How to count Instagram Followers without authentication</title>
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.1.1/jquery.js"></script>
</head>
<body>
<div >
<h3>Total Follower : <strong ></strong></h3>
</div>
<script type="text/javascript">
var token = '4161216023.1677ed0.431793ced855424ca3d8797f2394e983';
$.ajax({
url: 'https://api.instagram.com/v1/users/self',
dataType: 'jsonp',
type: 'GET',
data: {access_token: token},
success: function(data){
var follows = data['data']['counts']['follows'];
$(".instagram").text(follows);
},
error: function(data){
console.log(data);
}
});
</script>
</body>
</html>
You can get as response on data variable like as bellow preview:
Data variable response
{
"data": {
"website": "",
"username": "onlinecode",
"profile_picture": "https://scontent.cdninstagram.com/t51.2885-19/s150x150/14566703_1220089754724188_3794670203778891776_a.jpg",
"id": "4161216023",
"bio": "",
"counts": {
"followed_by": 11,
"media": 2,
"follows": 2
},
"full_name": "Haresh Patel"
},
"meta": {
"code": 200
}
}
I hope it can help you…
Hope this code and post will helped you for implement How to get Instagram followers count using JQuery Ajax?. if you need any help or any feedback give it in comment section or you have good idea about this post you can give it comment section. Your comment will help us for help you more and improve us. we will give you this type of more interesting post in featured also so, For more interesting post and code Keep reading our blogs