del.icio.us .:. stumble .:. digg

Identica Badge : No Longer Just a Prototype .:. kentbrewster.com

After gentle poking from Zach and Marjolein, here's the updated identi.ca badge, which runs entirely without Pipes:

Things to Do and Notice

If you see an author's name in a post, click it to explore his or her friends' posts. Click the avatar to visit the home page. To visit the author's identi.ca page, click the top link, to so-and-so with friends. Unicode should be (finally) working.

Other new goodies: click the date to visit the post, the in-reply-to link to go to the original, @-links to visit author pages, and #-links to go to the search page. Oh, and I think I've gotten most of the default colors to match identi.ca; sorry if this breaks any custom formatting, but I warned you not to leech it from me, didn't I? :)

To try this yourself, copy and paste the following wherever you want the badge to show up:

<script type="text/javascript" src="http://kentbrewster.com/js/identica-badge.js">
{
   "user":"kentbrew",
   "server":"identi.ca",
   "headerText":" and friends"
}
</script>

Substitute your own ID in the user parameter; many of the other parameters available in Twitterati will also work.

If you find a working Laconica server that forms its RSS urls the way identi.ca does, the badge should work unmodified as long as you substitute the server name of your choice for identi.ca in the second parameter.

Known Trouble

Sort isn't working on My Little Friend IE.

There's an extra call when the thing starts up; it needs to look up the numeric id and common name for the screen name you enter.

About Identica / Laconica

As it says on the About page, Identi.ca is a micro-blogging service based on the Free Software Laconica tool.

For more about the project, see Marshal Kirkpatrick's Identi.ca: May A Million Twitters Bloom, Hugh McGuire's Why Identi.ca Matters, and Edd Dumbill's Why Identi.ca is Important. Personally I'm thrilled by the idea and encouraged by its execution so far, and have been poking cautiously at Laconica for the past couple of weeks, hoping to contribute in whatever way I can.

About the Techniques

For background information about how badges like this one work, please see Case-Hardened Web Badges, which I presented at Web 2.0 earlier this year.

As I've said before, this badge will hopefully wind up being hosted by the project. I don't mind if you try it out, but please host your own copy if you put it in production anywhere.

Have fun, and please let me know how it goes! (You can find me on identi.ca under kentbrew.)

Post a Comment

Luciano A. Ferrer .:. 2009-01-06 15:59:59
Thanks Kent! I love this!
BTW, can you do a version where it is showed only our own stuff? you know, the latest X dents of XYZ identi.ca user, or the latests dents in X amount of time... I will love it more then! :)
Kent Brewster .:. 2008-12-04 21:09:53
Right, the API I'm using gets your friends and sorts by last 'dent. If they haven't updated, they won't show up. Let me see if I can use a different API.
marjoleink .:. 2008-12-04 01:38:10
Some of my friends are missing now - even if they have recent dents, for instance @danbri and @exador23 (sorry to be such a pest!)
marjoleink .:. 2008-12-04 00:50:20
Hmm - just found another issue: it seems now I see my my friends only (not myself), but each of my friends is represented only by a single dent - very strange (it didn't used to be like this)
marjoleink .:. 2008-12-04 00:14:40
aaah! Thanks so much for fixing the Unicode problem! A quick scroll, and I saw that both German and Chinese are properly displayed now.

A few small problems remain:
- there's still that dark line next to the scrollbar (also here, not in your Twitter badge)
- the header ( and friends) actually links to the profile, not the "and friends" page: add "/all" to the URL for that - or is there a parameter for it?
- the default alternate colors have disappeared; I tried adding "oddBackground":"#ffffee" to the JSON but see no effect - am I doing this wrong?
- I also note there's a hover background color (nice!) - is this configurable as well?
marjoleink .:. 2008-11-27 22:25:00
Oh, I already found a dent in Farsi - it looks like this:
u202bu0645u0639u062fu0647 u0645u0631u06af !!! u0645u0639u062fu0647 u0645u0631u06af !!! u0627u0648u0641u202c
marjoleink .:. 2008-11-27 22:21:27
Just found the first bug: no support for Unicode. The first symptom is incorrect display of people's names, for instance kensanata's name (Alex Schröder) is displayed as 'Alex Schru00f6der' which looks like a failed attempt to use a numerical entity reference for the 'ö'. Just waiting to see what would happen for dents in for instance Dutch, German, Norwegian, Farsi and Chinese... ;) (Yes I have contacts using those languages.)
marjoleink .:. 2008-11-27 13:26:22
Way back in August I saw this and liked it much, but could not use it on my myOpera blog since no JavaScript is allowed there. Now I have a new blog Coadventures on my own server, and just added the badge there! I just noted a dark line between the dents and the scroll bar which I don't see on your Twitter variant: any setting I can change to make it go away? And I wouldn't mind hosting on my own server but I see no download link?
Kent Brewster .:. 2008-10-13 10:07:11
You're welcome, glad it's useful. If it starts to get crazy and bog my server, I will need to move it over to r8ar.com. I'll let you know on your tumblog if this is going to happen.
gamerchick02 .:. 2008-10-12 17:40:09
I love this. It's on my tumblog, which I use as a lifestreaming thing-o. Thanks for an awesome widget!!

Amy
Kent Brewster .:. 2008-08-07 09:34:03
Credit looks good, Nik, thanks! Um, you should probably grab a fresh copy of the code; any link inside the badge from 7/19 that went to the server--identi.ca, in the example--were broken, including the favicon in the main header and all links inside any status updates.

I've also added some brute-force code to make absolutely certain all styles are applied inside the badge; please check that it does what you want it to do before putting it into production.
Nik Smit .:. 2008-08-07 05:34:10
Thanks Kent - great widget, which we're using on retaggr.com. Hopefully complied with your licensing requirements, if not please holler. Thanks again.
Kent Brewster .:. 2008-07-17 07:39:08
Stav: sorry, MySpace won't let you post JavaScript on your page for security reasons.
Stav .:. 2008-07-16 19:32:29
I copied and pasted into myspace profile, changed "user" parameter to stav, but it did not work. myspace auto wiped the first and last lines and replaced with ..
Manny .:. 2008-07-16 17:00:48
Thats pretty bad ass Kent!
Kent Brewster .:. 2008-07-14 15:36:38
We have avatars, after a fashion. I still recommend folks hold off until the official API launches before installing this guy; there's no telling what might happen.

I've also added a server parameter; in the event a Laconica installation launches that exactly mirrors what identi.ca does with RSS feeds appears, this badge should work unchanged except for the new server. (So far I haven't seen any; would appreciate pointers, if they exist.)
Kent Brewster .:. 2008-07-07 08:31:26
I'd strongly recommend holding off until the Laconica API appears, Neal. But if you absolutely can't stand it, take a look at this pipe:

http://pipes.yahoo.com/kentbrew/identica_withFriends

I've abstracted out the base URL into input variable B; you'll want to add the full path to the user's RSS feed. I'm not exactly sure what this looks like, since there aren't that many Laconica installs available to tinker with. Identica looks like this:

http:///identi.ca/author/rss/all

... so I need to pass the base URL to B and add the author's nickname, "rss", and "all" as part of the path. If your Laconica installation has pretty URLs like this, you're good to go.

When I look at Les Orchard's install, I see paths that look like this:

http://lmorchard.com/laconica/index.php?action=allrss&nickname=author

... so I would need to clone the original pipe (which I should have named after Laconica anyway, bad developer!) and modify it to take the base URL and add the action and nickname in the query section, not the path.
Neal Locke .:. 2008-07-07 07:18:31
Looks great! Is there a way to use this with other installs of laconica? That would be supremely useful...
Kent Brewster .:. 2008-07-04 17:53:54
Thanks for testing, you guys. Matt: see my rights and permissions page; all original code is released under CC-BY-SA-3.

Everybody please keep in mind that this is a prototype, and will most definitely be moved over to a different host (probably r8ar.com) if Even and team don't want to host it on identi.ca.
matt lee .:. 2008-07-04 16:57:12
using this on my blog. working well so far.

license?
Tabrez Iqbal .:. 2008-07-04 12:04:35
Nice work! Gonna test it...

Copyright Kent Brewster 1987-2009 .:. FAQ .:. RSS .:. Contact