HummingbirdUK main logo

HummingbirdUK

Coding solutions to business problems

About us

We use code to create solutions to business challenges, bottle-necks and headaches.

If you think your business has a problem that can be solved through code, we are happy to chat things through without any obligation.

Get in touch

Custom social sharing buttons Part 2 - Twitter

Home / Blog / Custom social sharing buttons Part 2 - Twitter

Written by Giles Bennett

So, belatedly, the follow-up to this post on how to create your own custom sharing buttons (complete with counts) much like those being used at the top of this post, and pictured below.
Custom social sharing buttons - an example
Again, the principle is the same - step one is to get the information, and step two is to show the information. Since the second step is the same whether it's Twitter, Google+, Facebook or Pinterest, I don't intend to repeat the guide on how to use ajax after the page has loaded to update the count - you can read about it in the first post in this series. As with the Facebook button, the first line of the script puts in a JSON call to Twitter's API which returns the tweet count for the page in question (which we've fed to it dynamically, ideally). The actual information returned looks like this : [php]{"count":0,"url":"http:\/\/blog.gilesbennett.com\/"} [/php] ...and as it's plain to see, the bit of the data we want to get our hands on is the "count". So as long as the count isn't equal to zero, undefined or null (it would be one of the latter two if the JSON call hadn't worked, for whatever reason, so include these to err on the side of caution), then we add the data count, along with a change The complete bit of code looks like this (again, the classes and the like won't make much sense if you haven't read the first post in the series, so I suggest you do that first). [php]$.getJSON('http://urls.api.twitter.com/1/urls/count.json?url=PAGE_ADDRESScallback=?', function(data) { if((data.count != 0) && (data.count != undefined) && (data.count != null)) { $('#twitterLink').removeClass('sharing-button-has-no-count'); $('#twitterLink').addClass('sharing-button-has-count'); $('#twitterButton').append(beforecounter + data.count + aftercounter); } }); [/php] Next in the series (in a couple of months' time, at this rate) I'll cover Pinterest and Google+, so watch this space.
Author : Giles Bennett

About the author

Giles Bennett built his first website in 1996, and is old enough to miss Netscape Navigator. Initially a lawyer, he jumped ship to IT in 2008, and after 5 years as a freelancer, he founded HummingbirdUK in 2013. He can be reached by email at giles@hummingbirduk.com.