Another take on jquery plugins like sharrre.com or social-likes, using a progressive enhancement approach. Just plain simple HTML links for social sharing, instead of empty elements.
Twitter has deprecated its "undocumented count API", so only Facebook is supported by now. - Hard decisions for a sustainable platform
If you have a link like this in your page:
<a class="social-share" href="https://www.twitter.com/intent/tweet?url=[url]">share on twitter</a>
Initialize the plugin:
$('.social-share').socialShareCounters({
innerSpan: true,
spanClass: 'social-share__counter'
});
And the original link becomes in:
<a class="social-share" data-counter="[count]" href="https://www.twitter.com/intent/tweet?url=[url]">share on twitter <span class="social-share__counter">[count]<span></a>
## TODO
- Add "popup" option.
- Add more social networks (currently 0.3.0, only Facebook is supported).
- Trigger custom events when counters are ready.
- Add Google Analytics support.
- Gist with API calls for share counts.
- Facebook sharer url:
https://facebook.com/sharer/sharer.php?u=[url] - Twitter web intent docs,
intent tweet url:
https://www.twitter.com/intent/tweet?url=[url] - http://codepen.io/andreasstorm/pen/iefKk/