-
-
Save dmolsen/599243 to your computer and use it in GitHub Desktop.
| <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> |
@sethadam1 thanks for letting me know :) I've also updated my blog post to link to your PHP code as well.
but facebook count is showing 0 ?
@yashmistrey hrm, i just tested the gist as it is above and it works. what facebook page are you targeting?
Awesome! It works perfectly. Thanks for the code
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.
Any one able to get the twitter count working with API 1.1 ?
Twitter count shows nothing?
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
I like this script. As a web developer I have done a like checker website. I am using that there.
Twitter for the script does not work, please fix it
Zeokat thanks for the pirce of code, but as paulvilla said, Twitter part not works.
This technique won't work with how Twitter has updated their API. You have to use OAuth or get crafty with a proxy.
Twitter API update please .. Don't work twitter
Not working, also getting error on toString method
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?
the script is not working for me. Showing the count as 0 always.
both of this social network's API is updated. So this code is outdated !
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
I rewrote this in PHP to avoid the javascript dependency.
http://dev.firsttube.com/fans-followers.php