Snippets from my “Don’t Sell Out Your Users” blog post

opengraph.html

<meta property="og:site_name" content="The Easy Designs Blog"/>
<meta property="og:image" content="/i/facebook-icon.png?v=20111226"/>
<meta property="og:locale" content="en_US"/>
<meta property="fb:admins" content="aaronmgustafson"/>
<meta property="og:type" content="article"/>
<meta property="og:title" content="Don’t Sell Out Your Users"/>
<meta property="og:description" content="Most sites have exhaustive Privacy Policies detailing what information they collect and what they may do with it, which is why I find it bizarre that many of these same sites have chosen to hand over their users’ browsing habits to third parties such as Twitter, Facebook, and Google without considering the implications."/>
<meta property="og:url" content="http://blog.easy-designs.net/archives/2012/04/23/dont-sell-out-your-users/"/>

popup.js

$('#bookmark').delegate('a','click',function(e){
  if ( $(window).width() > 700 )
  {
    e.preventDefault();
    window.open(this.href,'share-this','height=300,width=500,status=no,toolbar=no');
  }
});

snippet.html

<section id="bookmark">
  <h2>Like it? Share it</h2>
  <p class="twitter"><a href="https://twitter.com/intent/tweet?original_referer=THE-CURRENT-URL&amp;source=tweetbutton&amp;text=THE+TITLE+OF+THE+PAGE&amp;url=THE-CURRENT-URL&amp;via=OUR-TWITTER-ACCOUNT"><img src="/i/button-twitter.png" alt="Tweet"/></a></p>
  <p class="facebook"><a href="http://www.facebook.com/sharer.php?u=THE-CURRENT-URL"><img src="/i/button-facebook.png" alt="Share on Facebook"/></a></p>
  <p class="linkedin"><a href="https://www.linkedin.com/cws/share?url=THE-CURRENT-URL&amp;original_referer=THE-CURRENT-URL"><img src="/i/button-linkedin.png" alt="Share on LinkedIn"/></a></p>
  <p class="google_plus"><a href="https://plus.google.com/share?url=THE-CURRENT-URL"><img src="/i/button-googleplus.png" alt="Share on Google Plus"/></a></p>
</section>