Skip to content

Instantly share code, notes, and snippets.

@dmolsen
Created September 27, 2010 15:47
Show Gist options
  • Save dmolsen/599243 to your computer and use it in GitHub Desktop.
Save dmolsen/599243 to your computer and use it in GitHub Desktop.
Pulls the Facebook fan count and Twitter follower count for the specified accounts.
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
var f_page = "wvumountaineers"; // the page name for your fan page, e.g. the 'wvumountaineers' part of http://facebook.com/wvumountaineers
var t_page = "westvirginiau"; // the account name for your main twitter account
function add_commas(number) {
if (number.length > 3) {
var mod = number.length % 3;
var output = (mod > 0 ? (number.substring(0,mod)) : '');
for (i=0 ; i < Math.floor(number.length / 3); i++) {
if ((mod == 0) && (i == 0)) {
output += number.substring(mod+ 3 * i, mod + 3 * i + 3);
} else {
output+= ',' + number.substring(mod + 3 * i, mod + 3 * i + 3);
}
}
return (output);
} else {
return number;
}
}
// when document is ready load the counts
$(document).ready(function(){
// grab from facebook
$.getJSON('https://graph.facebook.com/'+f_page+'?callback=?', function(data) {
var fb_count = data['likes'].toString();
fb_count = add_commas(fb_count);
$('#fb_count').html(fb_count);
});
// grab from twitter
$.getJSON('http://api.twitter.com/1/users/show.json?screen_name='+t_page+'&callback=?', function(data) {
twit_count = data['followers_count'].toString();
twit_count = add_commas(twit_count);
$('#twitter_count').html(twit_count);
});
});
</script>
</head>
<body>
<noscript>The following counts are dynamically populated by JavaScript. You can also directly visit the sources to find the counts at http://facebook.com/[pagename] and http://twitter.com/[accountname]</noscript>
Facebook fan count: <span id="fb_count"></span><br />
Twitter follower count: <span id="twitter_count"></span><br />
<br />
<em>You could put these spans in nice little badges or something...</em>
</body>
</html>
@joshmoto
Copy link

joshmoto commented Aug 3, 2012

See I find I prefer the javascript version cause you can fire it onload - where as the php version is great, but if there any lag on twitter or facebook, your site experiences it.

@vinniejames
Copy link

Any one able to get the twitter count working with API 1.1 ?

@x85301
Copy link

x85301 commented Nov 19, 2013

Twitter count shows nothing?

@irfan16
Copy link

irfan16 commented Nov 23, 2013

hey hi,
Thanks for great post,
but twitter followers can't show i use API 1.1 but there is nothing any one help?
THankx

@arifsclick
Copy link

I like this script. As a web developer I have done a like checker website. I am using that there.

Copy link

ghost commented Feb 1, 2014

Twitter for the script does not work, please fix it

@Zeokat
Copy link

Zeokat commented Mar 9, 2014

Zeokat thanks for the pirce of code, but as paulvilla said, Twitter part not works.

@seeRead
Copy link

seeRead commented Jun 17, 2014

This technique won't work with how Twitter has updated their API. You have to use OAuth or get crafty with a proxy.

@enkhee
Copy link

enkhee commented Jun 23, 2014

Twitter API update please .. Don't work twitter

@umbreonight
Copy link

Not working, also getting error on toString method

@CHANDRA-BHUSHAN-SAH
Copy link

Is there any way to get Facebook fan count with secure request i.e. without "https" request as you made in twitter request that starts with http not https?

@shameermohamed
Copy link

the script is not working for me. Showing the count as 0 always.

@v0ff4k
Copy link

v0ff4k commented Jul 15, 2017

both of this social network's API is updated. So this code is outdated !

@georgeka98
Copy link

georgeka98 commented Sep 30, 2020

Not working

Access to fetch at 'https://cdn.syndication.twimg.com/widgets/followbutton/info.json?screen_names=test' from origin 'http://www.lvh.me:8000' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource. If an opaque response serves your needs, set the request's mode to 'no-cors' to fetch the resource with CORS disabled.

Code down

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