Follow button vertical count

SteveGrenier · 2012-09-20T17:16:18.000Z

What do you need help with? If you want the buttons to line up, put each in a container and position them as you wish. Note: Not all services use the same dimensions. Facebook for example is 2-3px smaller than Twitter.

http://jsfiddle.net/qpjQf/

EzerchE · 2012-12-13T10:53:00.000Z

For Wordpress 3.5, add this to your functions.php;


add_action('wp_head', 'addTallTwitter');
function addTallTwitter() {
    ?>
    
<?php }

top10orfree · 2013-01-10T12:14:49.000Z

Is it possible to get this code written where it would validate?

top10orfree · 2013-01-10T12:15:31.000Z

Is it possible to get this code written where it would validate?

SteveGrenier · 2013-01-10T17:31:00.000Z

It does. Perhaps something else you’re doing is causing a problem.

http://validator.w3.org/check?uri=http%3A%2F%2Ffiddle.jshell.net%2FqpjQf%2Fshow%2F&charset=(detect+automatically)&doctype=Inline&group=0

barbiesbaby2 · 2013-01-23T15:59:46.000Z

hey people new here whats up

barbiesbaby2 · 2013-01-23T16:00:46.000Z

nice

SeeseMichaelJ · 2013-02-10T03:33:16.000Z

Good point! I know this was a long time ago but I guess I never got an email notifying of updates. I have altered my code to make it not call the API more than once a minute (stores count on my server, not the browser). You can see my original comment edited for a new optional parameter to set update rate.

SeeseMichaelJ · 2013-02-10T03:41:19.000Z

Not sure if you’ve done more towards this, but jStorage caches the follower count in the browser and not the server (and therefore one person might not be able to refresh more than once a minute but 300 unique people/browsers call the site in the hour and you have an issue).

You’d have to use SQL (what I’m using in my edited version documented in my original comment [edit still under approval]) or open a file to store count (which is what I recommend for your version since you’re allowing users to implement your solution on the server, file storage requires no other requirements such as a SQL database and appropriate table).

Best,
Mike

SeeseMichaelJ · 2013-02-10T04:05:53.000Z

Actually, I just realized that the server is not dinging the API. The ding is in JavaScript, which means the user is dinging the API. This means a user can’t update the page more than 150 times in an hour, but many people on different computers can access the API a couple times. The API limit is per application, and not per username. My above edit (when approved) is no longer applicable as my server calls the API instead so I can store the value out of the ding. However my server was hitting the API for every username request, which caused a rate limit. Steve’s solution with jStorage is the optimal solution, but we can also easily assume a user won’t refresh a page more than 150 times per hour.

SeeseMichaelJ · 2013-02-10T04:07:35.000Z

Nevermind, my solution doesn’t work. You can read my comment a couple posts up in response to SciFiBloggers for the reason being.

Your solution is the best! However, probably not necessary. Unfortunately I just wasted 45 minutes of revamping my code haha.

Cheers

Cipherlad · 2013-04-25T15:00:10.000Z

Great code, Steve. Thanks for sharing.

Fabryalliance · 2013-05-16T10:47:00.000Z

I Got this error while installing Steve’s code on my Joomla Site:

Unsafe JavaScript attempt to access frame with URL http://lnx.site.it/site/ from frame with URL https://platform.twitter.com/widgets/follow_button.1368146021.html#_=136870…me=false&size=m&original_redirect_referrer=http://lnx.site.it/site/. The frame requesting access has a protocol of ‘https’, the frame being accessed has a protocol of ‘http’. Protocols must match.

ryangrush · 2013-06-08T01:26:06.000Z

This is exactly what I was looking for. Any chance you can share the source code?

SMSinfom · 2013-06-13T16:59:37.000Z

Testing

SteveGrenier · 2013-06-13T17:41:31.000Z

Bad news for those who’ve been relying on this. Twitter’s new API restrictions prevent acquiring follower count without requiring users to log in first. Looks like we’ll have to revert back to their own buttons.

stMan_ · 2013-06-21T08:48:18.000Z

Please, give us follow button with vertical box!!!

ErickSama1 · 2013-07-13T09:20:57.000Z

solution to the problem of empty box

http://jsfiddle.net/5r7Nz/531/

thenrique · 2013-09-29T14:20:00.000Z

Use this

https://cdn.api.twitter.com/1/users/show.json?screen_name=thenrique&callback=?

Original follow button call this

niall · 2016-02-06T05:45:35.554Z