A simple, lightweight jQuery plugin that provides a considered approach to social sharing, allowing for complete control of styling (no iframes) and supporting share counts for both Facebook and Twitter.
Currently in pre-release, feedback and issues welcome.
Include script after the jQuery library:
<scriptsrc="/path/to/share.js"></script>Any link on a site can become sharable through the use of the following data tags:
<ahref="#share" data-share="twitter" data-url="https://github.com/scottsanders/share.js" data-message="Finally, a simple solution to social sharing" data-via="scottsanders">share.js</a>Then in your jQuery call the plugin as follows:
jQuery('a[data-share]').share();The data attributes currently supported by the plugin are:
data-share
: The social network you want to share on, currently supports facebook, twitter, whatsapp, email and print
data-url
: The url to be shared, used to retrieve share count, defaults to page url
data-message
: The default text of the shared message, supported by twitter, whatsapp, and email
data-via
: The twitter username to include with the shared message, only supported by twitter
data-popup
: The sharing screen shows in a popup window rather than redirecting, defaults to true
data-count
: Determines whether or not to show the share count on this specific share link, defaults to true
This plugin supports the following options:
jQuery('a').share({threshold: 0,abbreviate: true,counts: true});threshold
: Hides the sharing count until a certain number of shares has been reached
abbreviate
: Abbreviates large numbers when sharing is high, so 15101 shares become 15k.
counts
: Determines whether to show share counts, can be overwridden per share link with data-count