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:
<script src="/path/to/share.js"></script>
Any link on a site can become sharable through the use of the following data tags:
<a href="#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