Very very simple share button – Twitter, Facebook, Google+ and LinkedIn

Icons above can be downloaded free from picons.me. Vector and all. Awesome.

Social Media sharing javascripts are great. DiggDigg, Markerly, AddThis, ShareThis, AddtoAny, Shareaholic to JavaScript library like Socialite.js, options are endless.

But sometimes, you want something really vanilla.

So, here is what I am working with. But I probably need to do some URL Encoding. (Maybe use tools like this?):

Facebook

<a href="http://www.facebook.com/sharer/sharer.php?u=http://example.com&t=Description" target="_blank">Facebook</a>

Twitter

<a href="http://twitter.com/share?text=Description http://example.com" target="_blank">Twitter</a>

Google plus

<a href="https://plus.google.com/share?&hl=en&url=http://example.com" target="_blank">google+</a>

Linked in

<a href="http://www.linkedin.com/shareArticle?mini=true&url=http://example.com" target="_blank">LinkedIn</a>

bonus: Mail

<a href="mailto: ?subject=Description&body=http://example.com">Mail</a>

You are going to need to URLEncode the text that follows = sign (italic above). To do that in JavaScript, you wrap the string in encodeURIComponent function like encodeURIComponent(string).

(Note: I’ve combed through those from site like this and this and this and this and this and this and this.)

Related posts:

1. Useful Bookmarklet
2. Different look to Google Reader and Google Calender
3. Google chart tools rocks! (What I tweeted: Week ending August 28)
4. Google App Scripts and articles I liked: Friday, March 1, 2013
5. Japan’s “Knuckleball Princess” Eri Yoshida on US media and Yakyu Baka