Most "Share with Twitter/Facebook/Google+" buttons leak user data even when people don't don't use the button.
This implementation of social sharing doesn't leak user data until a user goes to share the page.
Insert the following code to get it to run
<div class="socialshare" data-type="{{bubbles/small-bubbles}}"></div>
<script src="https://github.com/mozilla/SocialShare/raw/master/media/socialshare.min.js"></script>
<link href="https://github.com/mozilla/SocialShare/blob/master/media/socialshare.min.css" type="text/css">
Other resources (images, fonts) should be reached from their own media folder.
Name | Value |
---|---|
data-type | Controls the size of the share icons (bubbles/small-bubbles) |
data-tweet-at | Controls which twitter account tweeted the content (default: @firefox) |
data-label | Controls the share toggle text label (default: 'Share This') |
data-fb-lang | Controls the Facebook like button language translation (default 'en_US') |
Some values are not configurable through the plugin. For example the tweet text and tweet website are controled by the open graph meta data:
<meta property="og:title" content="Owen is awesome">
<meta property="og:url" content="http://owencoutts.com">
So you provided me with a bunch of minified files, what if I want to change them? There are a few more requirements to be able to compile all the files.
npm install -g less
. More about how to install npm here.npm install uglify-js
. More about how to install npm here.Run ./compress.sh
from the root directory in order to regenerate all the files.