Blog

Avatar

TweetPaste - A webapp in 12 hours

On Thursday I thought of a problem. I like the microblogging site Twitter, and sometimes I like to mention what my friends are talking about.

However, there is a problem. In order to preserve the status update (or “tweet”) as it’s known, you have to either copy and paste it - and get rid of all the nasty code that goes with it - or worse, take a screenshot of the tweet, save it, upload it and paste it onto your post.

Solution: After spending a couple of seconds on Google - that’sreally all you need - I discovered that there wasn’t anything out there that would do the job, so I thought I’d have a pop, and thus TwitterPaste was born.

It’s a ridiculously simple app: all you do is copy and paste the link to the tweet you want to embed (which you can get fairly easily), hit the big button and copy the code you get itno your blog.

Another problem: it doesn’t work on WordPress. Although this site is built on my new Byron CMS, any collaborative blogging projects I am involved in tend to be run on WordPress because it’s something bloggers are very familiar with...and it’s really good. The problem is however that, unless you’re editing in code view (which shows you all the “raw” HTML as apposed to the formatted text) all the code that TweetPaste generates gets stripped out.

Solution: The TweetPaste WordPress plugin. This simple one-file plugin generates the code needed to embed a tweet onto a page. And because it uses IFrames it deprocates so RSS readers should be able to display a link to the tweet, if they can’t display the IFrame.

And in other news, this is my first ever WordPress plugin! WOOT!

So now I can embed tweets into my blogs, and allow others to do the same. And all in less than 12 hours.

Oh, and to prove that it works, here’s me tweeting the fact:

Jon Bounds
super. now build one that will reverse a conversation into chronological order and you will be a god. ;) Seriously Mark, good work - submit it to the WordcampUK plugin comp.
Kevin Rapley
Seriously nice work, you have cut out all that useless dead wood time of screen scraping, adding to Photoshop, cropping and then uploading to the Web. Simple and interactive too. I am with Jon, reverse chronological order would be BRILLIANT.
Mark Steadman
Cheers guys. Feel free to post your thoughts to the Wishlist at http://tweetpaste.wordpress.com/wishlist/
sull
nice job, mark. i also realized that thier should be an easier way to embed tweets on pages/blogs and was surprised that nothing existed back in April. So in May, i took a stab at building a solution. i thought about doing it with html/css but i wanted to preserve the actual tweet so i went with the automated screenshot approach in the form of a bookmarklet. http://tweetshots.com also, recently twitterbash.com was released and they provide embeddable tweets. good to have options. cheers, sull
Daniel Davies
Hi Mark, a nice idea and something I'm curious in finding more about. I couldn't see any license information however, is this something you have considered?
Mark Steadman
@Daniel, what for TweetPaste? Don’t really think there’s much to consider as far as the web app goes, as it’s not a piece of downloadable software. The plugin however will get registered with the WordPress CVS as soon as I’ve got a minute, so it can be distributed that way and the source code made available.

Or have I misunderstood you?
Daniel Davies

Oh Mark, I completely misunderstood what you'd done. I thought the twitter links were dropped into wordpress, in which case I was interested because I'd have liked something similar for my own blog. What you've done is even better because I can just take the code your site gives me straight in to my own blog =). great job

Leave your comments