Before I attempt to re-invent the wheel, I figured that I'd ask the experts.
I'm looking for a multi-social bookmark button that allows me to allow people to recommend particular pages of my web site to their favorite social network/ page reader/ seach engine.
Constraints (and reasons why I don't want to use ShareThis)
The link posted has to be the actual link, not a shortened link. People's lists get shared. I want the link to show my domain.
The script should be served from my own server. I am suspicious of web pages that call scripts from another domain, and I don't want to do that from my domain.
There should be NO contact between the client and any of the social sites until they click on a social site icon.
Script should be well documented internally at least as source -- compacted uncommented short variable name scripts need not apply.
Script is embedded in a static web page, not a CMS.
Preliminary research:
Koehl blog had a series about this in 2009, then the topic faded. At that point he recomended iBegin, which subsequently became Share, and ran from a site called Enthropia.com. Checking that site, there is a demo posted that is clearly out of date.
At one point AddToAny would allow hosting on your own server, but they still were using the script to track every user's web usage, claiming a suitably anonymity. Right. No thanks.
Another one, OpenLike has a dead webserver.
A search on SourceForge has come up empty. (I tried searching for the names like AddThis, AddToAny, Sharethis, followed by searches to stumbleupon, reddit, digg, google plus. Nothing relevant.)
At this point I'm faced with having to read and understand each target site's api so I can write a local script that does the right thing. Not trivial.
In many ways the ideal would be: * An array of icons in simlarly size and style * that each opened a web page onto the destination page (eg. FB, G+, StumbleUpon..) * with URL parameters appropriate to that page.
But I don't think that most of these sites have such a simple interface.
Answer is simple. The ideal above works, so it's mostly a matter of finding the right code and icons. The key item in my search was 'share by url'
This is from another post on this site:
Facebook, Twitter, and Google +1 buttons using only HTML (No Javascript)
http://www.facebook.com/sharer.php?u=http://example.com
http://twitter.com/share?url=http://example.com&text=Description
https://plusone.google.com/_/+1/confirm?hl=en&url=http://example.com
See Wordpress share buttons without JS or plugins
<div class="social-button-container">
<div class="share_top_text">Share this post on:</div>
<div class="SocialCustomMenu">
<a class="scmTwitter" href="http://twitter.com/home/?status=<?php the_title();?> - <?php echo wp_get_shortlink();?> via @kenmata "title="Tweet this!">Twitter</a>
<a class="scmFacebook" href="http://www.facebook.com/sharer.php?u=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Facebook!">Facebook</a>
<a class="scmGoogleplus" href="https://plus.google.com/share?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Google +!">Google +</a>
<a class="scmPinterest" href="http://pinterest.com/pin/create/button/?url=<?php the_permalink();?> - <?php echo wp_get_shortlink();?> "title="Share on Pinterest!">Pinterest</a></a>
</div>
</div>
While these are nominally wordpress they should work with some modification with any web server using php. Or they can easily be converted to use template toolkit
Less social share links is another example of very clean looking HTML.
You miss some functionality with this:
Specifics:
blogger
http://www.blogger.com/blog_this.pyra?t=&u={url}&n={title}
digg
http://digg.com/ submit?phase=2&url={url}&title={title}
diigo
http://www.diigo.com/post?url={url}&title={title}
mailto:?to=&subject={title}&body={url}%0A{description}
http://www.facebook.com/sharer.php?u={url}&t={title}
gmail
https://mail.google.com/mail/?view=cm&fs=1&tf=1&to=&su={title}&body={url}%0A{description}
google bookmark
http://www.google.com/bookmarks/mark?op=add&bkmk={url}&title={title}
http://www.linkedin.com/shareArticle?mini=true&url={url}&title={title}&ro=false&summary={description}&source=
myspace
http://www.myspace.com/Modules/PostTo/Pages/?u={url}&t={title}
http://www.pinterest.com/pin/create/button/?url={url}&media={image}&description={title}
http://reddit.com/submit?url={url}&title={title}
tumblr
http://www.tumblr.com/share/link?url={url}&name={title}&description={description}
http://twitter.com/home?status={title}%20{url}
ymail
http://compose.mail.yahoo.com/?to=&subject={title}&body={url}%0A{description}