↓ 1st click: activate button
↓ 2nd click: like
Before activation this button doesn't send information to a third party.

More and more websites use like-buttons from Facebook, Google+ and Twitter. However, these buttons send information to these social networks even if the user doesn't click them, but even if they are just present on a webpage. This way these networks are able to track which websites users are visiting and are able to build fairly complete browser histories of their users. Because this is neither what a user might expect nor what many website operators that embed like-buttons want, this alternative way of using these social services was developed.

The concept is fairly easy. Per default only a gray mockup image of a like-button is embedded. Only if a user clicks this button the real like-button is loaded and information sent to the social network. With a second click the user can then like the webpage (or tweet it etc.).

All buttons can be permanently enabled.

The first click basically means that the user agrees that information is sent to the social network in question. But only for the page that embeds like-button and only for the selected social network. If the user visits the same page again the button is at first again deactivated. This way one can prevent, that social network owners can build complete surf profiles of their users.

If users don't care about their privacy and rather want the like-buttons to be always enabled they can do so in the settings menu, accessed via the gear icon. Per default this is done via cookies and on a domain basis, but this feature is extensible so that this information can be stored anywhere (e.g. via AJAX on a webserver or in the browsers HTML5 local storage).

This is a fork of the "jquery.socialshareprivacy.js | 2 Klicks fuer mehr Datenschutz" project of the German publishing house Heise.

## For Webmasters

Social Share Privacy is a jQuery plugin under the MIT license. More information on how to use it on your own webpage you can find on github.

If you don't care about all the possible options and just want a quick short universal embed code you can use this form:

NOTE: If you directly use this generated code the privacy of your users won't be improved because it loads scripts from `ajax.googleapis.com` and `panzi.github.io`. Please download these scripts and put them on your own webserver and change the embed code accordingly.

All

- Buffer
- Delicious
- Disqus
- Facebook Like/Recommend
- Facebook Share
- Flattr
- Google+
- Hacker News
- LinkedIn
- Mail
- Pinterest
- Reddit
- Stumble Upon
- Tumblr
- Twitter
- XING

Layout: |
URL (optional): |
| Use cookies
| Load script asynchronously
Flattr UID: |
Disqus shortname: |
| I already use jQuery

Insert this once in the head of your page: Insert this wherever you want a share widget displayed (can be multiple times): Insert this once anywhere after the other code (e.g. the bottom of the page):

- Two clicks for more privacy: The Flattr button will be enabled once you click here. Activating the button already sends data to Flattr – see i.
  not connected to Flattr
- Two clicks for more privacy: The Facebook Like button will be enabled once you click here. Activating the button already sends data to Facebook – see i.
  not connected to Facebook
- Two clicks for more privacy: The Tweet this button will be enabled once you click here. Activating the button already sends data to Twitter – see i.
  not connected to Twitter
- Two clicks for more privacy: The Google+ button will be enabled once you click here. Activating the button already sends data to Google – see i.
  not connected to Google+
- Two clicks for more privacy: The Disqus button will be enabled once you click here. Activating the button already sends data to Disqus – see i.
  not connected to Disqus
- Two clicks for more privacy: The Stumble! button will be enabled once you click here. Activating the button already sends data to StumbleUpon – see i.
  not connected to StumbleUpon
- Two clicks for more privacy: The Delicious button will be enabled once you click here. Activating the button already sends data to Delicious – see i.
  not connected to Delicious
- Two clicks for more privacy: The reddit this! button will be enabled once you click here. Activating the button already sends data to reddit – see i.
  not connected to reddit
- Two clicks for more privacy: The Pin it button will be enabled once you click here. Activating the button already sends data to Pinterest – see i.
  not connected to Pinterest
- Post this on Tumblr.
- Two clicks for more privacy: The Linked in button will be enabled once you click here. Activating the button already sends data to Linked in – see i.
  not connected to LinkedIn
- Two clicks for more privacy: The Buffer button will be enabled once you click here. Activating the button already sends data to Buffer – see i.
  not connected to Buffer
- Two clicks for more privacy: The XING button will be enabled once you click here. Activating the button already sends data to XING – see i.
  not connected to XING
- Send this via email to a friend.
- Share via facebook.
- Two clicks for more privacy: The Hacker News button will be enabled once you click here. Activating the button already sends data to Hacker News – see i.
  not connected to Hacker News

Comments