Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with
or
.
Download ZIP
Protect users' privacy - share user data only when people are ready to share.
JavaScript Shell
branch: master

Merge pull request #31 from alexgibson/hardcoded-l10n-bug-887147

Add l10n fixes for social share widget bug 887147
latest commit 77d164061b
@sgarrity sgarrity authored
Failed to load latest commit information.
demo Create makefile for compression
lib
media
src Add l10n fixes for social share widget bug 887147
.gitignore Initial version of plugin
LICENSE
README.md
compress.sh
large.html Add l10n fixes for social share widget bug 887147
package.json Use uglifyjs
small.html Add l10n fixes for social share widget bug 887147

README.md

Private Social Sharing

About

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.

Usage

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.

Options

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">

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.

Prerequisite

  • 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.

Compiling

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

Something went wrong with that request. Please try again.