Skip to content
Protect users' privacy - share user data only when people are ready to share.
JavaScript Shell
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.

Private Social Sharing


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="media/socialshare.min.js"></script>
<link href="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="">

Making Changes

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.


  • lessc This is needed to compile less files. You can install this with npm install -g less. More about how to install npm here.
  • uglify.js This is the minifier. You can install this with npm install uglify-js. More about how to install npm here.


Run ./ from the root directory in order to regenerate all the files.

Something went wrong with that request. Please try again.