Created: 2012-03-26 16:24
Updated: 2014-01-14 10:35
License: mit

Privacy preserving social buttons

The social networks provide easy ways to integrate with their services and share content on their platform, often under the appearance of a button. They provide some code easy to integrate in pages to include those buttons. But these pieces of code include foreign Javascript files in your page and make calls to unknown webservices to load the button code. They're a security risk (you don't know the code in those files), a privacy risk (even without clicking the social buttons, the script loading is traced) and they slow the page laoding.

This library will help you overcome those risks by proposing an emulation of those social buttons with a script and CSS that you can store on your server. They're as easy to integrate as Twitter buttons (they use unobstrusive Javascript and data-* attributes).

For now, the library provides Twitter, Facebook, Reddit and Google+ buttons. More will be added soon. Be aware that these are sharing buttons, not "Like" or "+1". If anyone knows a way to emulate them without loading an iframe to their servers, feel free to tell me (or better, send me a patch!).


    <title>Privacy preserving social buttons</title>
    <link rel="stylesheet" type="text/css" href="css/twitter.css" />
    <link rel="stylesheet" type="text/css" href="css/reddit.css" />
    <link rel="stylesheet" type="text/css" href="css/facebook.css" />
    <link rel="stylesheet" type="text/css" href="css/gplus.css" />
    <span class="pp-twitter"  data-url="" data-via="gcouprie" data-text="blog">clickme</span>
    <span class="pp-reddit"   data-url="" data-via="gcouprie" data-text="blog">clickme</span>
    <span class="pp-facebook" data-url="" data-via="gcouprie" data-text="blog">clickme</span>
    <span class="pp-gplus"    data-url="" data-via="gcouprie" data-text="blog">clickme</span>
    <script type="text/javascript" src="ppsb.js"></script>



Cookies help us deliver our services. By using our services, you agree to our use of cookies Learn more