Easy Sharing with ShareNice

Productivity Sauce

Social sharing buttons are de rigueur accessories these days, and there is a myriad of services that let you add sharing widgets to web pages free of charge.  But using these often allow third-parties to collect information about your visitors. If you don't find that thought all that appealing, consider using shareNice. This open source project offers "an ethical social sharing widget" for use on your website. Embedding the shareNice widget is as easy as pie. First, add the following JavaScript code to the web page:

<script src="http://sharenice.org/code.js" type="text/javascript"></script>

Insert then the <div id="shareNice"></div> code in the page where you want the shareNice widget to appear. The div element accepts a number of options, including data-share-label (specifies a label for the shareNice widget), data-color-scheme (defines the widget's color), and data-services (lists services to include in the widget). Here is a simple example of the code which embeds a black shareNice widget labeled as Share This Page:

<div id="shareNice" data-share-label="Share This Page" data-color-scheme="black" data-services="plus.google.com,twitter.com,email" ></div>

This widget lets you share the page via Google+, Twitter, and email. The example above links to the code.js JavaScript tool hosted by the shareNice project, but the source code is available on GitHub, so you can host shareNice on your own server if you are inclined to do so.