Protect users' privacy - share user data only when people are ready to share.
Перейти к файлу
Steven Garrity 77d164061b Merge pull request #31 from alexgibson/hardcoded-l10n-bug-887147
Add l10n fixes for social share widget bug 887147
2013-07-19 08:26:53 -07:00
demo Create makefile for compression 2012-03-12 15:44:02 -07:00
lib Use uglifyjs 2012-04-04 11:15:25 -07:00
media Add l10n fixes for social share widget bug 887147 2013-07-15 10:21:15 +01:00
src Add l10n fixes for social share widget bug 887147 2013-07-15 10:21:15 +01:00
.gitignore Initial version of plugin 2012-03-12 13:11:41 -07:00
LICENSE Added license 2012-04-04 11:25:29 -07:00
README.md Add l10n fixes for social share widget bug 887147 2013-07-15 10:21:15 +01:00
compress.sh Use uglifyjs 2012-04-04 11:15:25 -07:00
large.html Add l10n fixes for social share widget bug 887147 2013-07-15 10:21:15 +01:00
package.json Use uglifyjs 2012-04-04 11:15:25 -07:00
small.html Add l10n fixes for social share widget bug 887147 2013-07-15 10:21:15 +01:00

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.