Now You Can "Like" Any Tweet on Twitter.com

As part of Kynetx’s Facebook App contest I wrote a simple browser extension that you can install on Chrome, Internet Explorer, or Firefox, which allows you to, in addition to the “retweet”, “favorite”, and “reply” links you see when you mouse over a Tweet, you can also now “like” the Tweet as well.  What does this do?  It puts it on Facebook, of course!  Here’s me liking one of Jolie O’Dell’s Tweets (she had the most like-worthy Tweet in my stream at the time):

The plugin was very simple to write on Kynetx’s platform – Brad Hintze explains it well over here, but to put it simple, all I had to do is distinguish through a selector where to put the like buttons and put Facebook’s default like button iframe code in where each Tweet is.  With some simple jQuery I could identify the permalink for the Tweet, insert that as the href for the like button, and voila, each like links right back to the Tweet on Twitter.com.  The like shows up in my profile like this:

Of course, there is much more I can do with this – at the moment I’m using Kynetx’s Facebook API to greet you by name and tell you how to use the plugin.  I anticipate also enabling a “post to facebook” checkbox below the status update box in Twitter, and because you’ve authorized your Facebook account through Kynetx you can now cross-post to Facebook, straight from Twitter.com.  Or, what if I wanted to, in my Twitter settings, pull my profile pic from my Facebook profile and upload that to Twitter as my profile pic?  I could use Kynetx’s Facebook API to access the profile picture, then use Kynetx’s Twitter API to upload that pic up to Twitter.  Not just that, but all the changes, written in one single language and written only once, get compiled into Chrome plugins, Firefox plugins, Internet Explorer plugins, as well as Information Cards and bookmarklets anyone can install to completely customize the Twitter.com experience to work with Facebook.  What are some other ways you can see this extended?

If you haven’t tried out Kynetx yet go check it out.  This was very simple to write – you can see the source code I used over on the Kynetx blog.  Feel free to add to it and make your own creations – I’ll just release this all under the GPL, so change away.  Oh, and if you’re not a developer go install the extension and like your favorite Twitter posts!

I’ve uploaded the extensions for IE, Firefox, and Chrome all to this zip file – feel free to download and enjoy!  It’s a work in progress (and mostly a hobby), so please send me your ideas and feedback.

Disclosure: I won a $200 Amazon Gift Certificate for entering this app into Kynetx’s Facebook app contest

65 responses to “Now You Can "Like" Any Tweet on Twitter.com”

  1. AJ Kohn Avatar

    How does the object enter the Open Graph? What og: type are you using? Article?

  2. Jesse Stay Avatar

    AJ, it doesn't need any Open Graph tags. I specify the URL for the Tweet's

    permalink in the href field and Facebook takes the information from</p> <p>that page for display on Facebook. I wish I could configure that further</p> <p>though – it's not possible in Facebook's current API.

  3. Browser Extension Lets You “Like” Tweets | JetLib News Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  4. Browser Extension Lets You “Like” Tweets | Atheral News Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  5. Extensión permite añadir en Twitter el botón “Me gusta” de Facebook Avatar

    […] podemos sin instalar ninguna extensión, ya que en techcrunch acaban de anunciar la publicación de una extensión para Internet Explorer, Firefox y Chrome que permite añadir esta función en nuestro Twitter: […]

  6. Browser Extension Lets You “Like” Tweets | Facebooks Login Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  7. Browser Extension Lets You “Like” Tweets | TechNews Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  8. Liss Avatar

    Having some difficulties.
    Checked Chrome Extensions website for this as a new extension, seemed the obvious place to look. Can't find it there.
    Downloaded zip file. Unzipped. Ran setup.exe (after closing all open apps)
    Checked applications on Start menu. No new apps.
    Two new files created in install directory. TwitterBook.xpi & TwitterBook.crx
    Opened Chrome, viewed Twitter home page on web. Nothing.
    Viewed single tweet. Nothing.
    Tried “upload unpacked extension” in Chrome, selecting install directory: error message: “Manifest file is missing or unreadable”
    Suggestions please?

  9. TLH Tech: Browser Extension Lets You “Like” Tweets - Today Local Headlines Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  10. Holiday is Great » Browser Extension Lets You “Like” Tweets Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  11. Jesse Stay Avatar

    Liss, if you're using Chrome, you should just need to double click on

    TwitterBook.crx after unzipping it and it should automatically prompt you to

    install. After that you should see it if you type chrome://extensions in

    your url bar. I admit I haven't tested the IE plugin – I'll take a look at

    that.

  12. Nicky Moore Avatar

    hi Jesse, great extension! I'm using it in Google Chrome and it's a little bit glitchy – the “like” button doesn't appear on all tweets and sometimes I'll have to refresh the page to get the button to show up at all.

  13. Jesse Stay Avatar

    Nicky, I agree it has some improvement to go. I'll get fixes in shortly

    that should fix those automatically for you (one more advantage of using

    Kynetx to write these plugins).

  14. Liss Avatar

    Thank you so much Jesse. I got it installed following your advice. Will play with getting Chrome to display the button 🙂

  15. AJ Kohn Avatar

    So does this not enter Facebook's Open Graph? It's not an actual object?

  16. WHN Tech: Browser Extension Lets You “Like” Tweets - World's Headline News - Latest News Updates! Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  17. Jesse Stay Avatar

    AJ, not unless Twitter adds their pages to the Graph. I can't do that with

    an extension.

  18. Nicky Moore Avatar

    Thanks so much! It's truly an awesome idea – love it 🙂

  19. Browser Extension Lets You “Like” Tweets | Excitement For All Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  20. Browser Extension Lets You “Like” Tweets | Ranceo Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  21. Derek Andersen Avatar

    Can't wait to get it going. Great idea. Way to execute.

  22. Jesse Stay Avatar

    Like the world!

  23. Browser Extension Lets You “Like” Tweets « SHADI Z. HANIA Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser plugin […]

  24. Browser Extension Lets You ?Like? Tweets | princegirls.com Avatar

    […] Tweets November 25, 2010 No Comments It was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  25. Niels Footman Avatar

    Hello!
    I'm very keen to try this out, but I can't get it to work. I use Chrome, but after unzipping the zip file, my computer doesn't recognize the crx files (only the setup.exe file), instead just sending me straight to notepad when I try and open them up.
    I'm not the most tech-savvy person in the world, so apologies if I'm missing something obvious, but I'd appreciate it if you had any tips. (I'm in South Korea, if that makes any difference.)
    Thanks
    Niels

  26. justin Avatar

    I like this.

  27. Browser Extension Lets You “Like” Tweets | Entire News of Technology Avatar

    […] After the social browser launched two … It was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  28. Browser Extension Lets You ?Like? Tweets | Statuesquejail5's Blog Avatar

    […] on November 25, 2010 by statuesquejail5 It was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  29. Browser Extension Lets You ?Like? Tweets | 0845numbersonline.com Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  30. Browser Extension Lets You ?Like? Tweets « togelive.com Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  31. Carlos Lorenzo Avatar

    I like the idea Jesse, I added the extension to Firefox, I allowed the connection to Facebook and see the screen pop out giving instructions as to how to hover over the tweet but I can't see any Facebook button yet. Does it depend on which Firefox version you may have?

  32. Juno Park Avatar

    Cool idea, and warm congratulations!

  33. Browser Extension Lets You ?Like? Tweets | stop-addware.com Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  34. Browser Extension Lets You ?Like? Tweets | evangelinad01 Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  35. Matthias Peter Avatar

    Your Idea is great. Is there also an extension for safari planed?

  36. Browser Extension Lets You ?Like? Tweets « aaronblong Avatar

    […] Extension Lets You ?Like? Tweets It was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  37. Browser Extension Lets You ?Like? Tweets | Theresasproule's Blog Avatar

    […] on November 26, 2010 by theresasproule It was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  38. #Writers: How much should you tweet? « Chazz Writes Avatar

    […] Now You Can “Like” Any Tweet on Twitter.com (staynalive.com) […]

  39. Anonymous Avatar

    Run Dmc Vs. Jason Nevins – Video: It's Like That…

    Your post seems similar to mine. Thnaks….

  40. Mark Frisk Avatar

    Nice idea. Gave it a try but am uninstalling it because of the pop-up that appears every single time I load a profile page on Twitter.com.

    http://d.pr/dZC0

    Is there a way to turn that pop-up off that I may be missing?

  41. Jesse Stay Avatar

    I'll be doing more updates to it moving forward. This was just a proof of

    concept at first, but I'd like to make it better.

  42. إضافه جديده تسمح بتفعيل زر فيس بوك like في تويتر « تطويرى Avatar

    […] وخلال موقع staynalive أعلن Jesse Stay انه قام ببرمجة هذه الاضافه لتقديمها الى […]

  43. isabelle Avatar
    isabelle

    Hi Jesse,
    I installed the twitterbook app but it never worked.
    I would like to remove it.
    I uninstalled from Facebook and Twitter but i keep getting a black popup whenever i am on my twitter account.
    This popup is saying “The application TwitterBook (a188x1)from Jesse Stay is requesting that you authorize Facebook to share your personal information with it …..”. I keep on clicking the “no thanks button” but it keeps on showing up.
    I don't understand how it is possible as the app is no longer in my twitter & facebook settings.
    I use Firefox.
    Do you know how i can resolve this issue pls?
    Thanks,
    Isabelle

  44. Nate Avatar
    Nate

    Similar to http://www.likeatweet.com

  45. Anonymous Avatar

    Run Dmc Vs. Jason Nevins – Video: It's Like That…

    Your post seems similar to mine. Thnaks….

  46. إضافه جديده تسمح بتفعيل زر فيس Avatar

    […] وخلال موقع staynalive أعلن Jesse Stay انه قام ببرمجة هذه الاضافه لتقديمها الى […]

  47. Mark Frisk Avatar

    Nice idea. Gave it a try but am uninstalling it because of the pop-up that appears every single time I load a profile page on Twitter.com.

    http://d.pr/dZC0

    Is there a way to turn that pop-up off that I may be missing?

  48. Matthias Peter Avatar

    Your Idea is great. Is there also an extension for safari planed?

  49. Browser Extension Lets You ?Li Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  50. Juno Park Avatar

    Cool idea, and warm congratulations!

  51. Carlos Lorenzo Avatar

    I like the idea Jesse, I added the extension to Firefox, I allowed the connection to Facebook and see the screen pop out giving instructions as to how to hover over the tweet but I can't see any Facebook button yet. Does it depend on which Firefox version you may have?

  52. Browser Extension Lets You ?Li Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  53. Browser Extension Lets You ?Li Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  54. Browser Extension Lets You ?Li Avatar

    […] on November 25, 2010 by statuesquejail5 It was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  55. Browser Extension Lets You “Li Avatar

    […] After the social browser launched two … It was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  56. Niels Footman Avatar

    Hello!
    I'm very keen to try this out, but I can't get it to work. I use Chrome, but after unzipping the zip file, my computer doesn't recognize the crx files (only the setup.exe file), instead just sending me straight to notepad when I try and open them up.
    I'm not the most tech-savvy person in the world, so apologies if I'm missing something obvious, but I'd appreciate it if you had any tips. (I'm in South Korea, if that makes any difference.)
    Thanks
    Niels

  57. Derek Andersen Avatar

    Can't wait to get it going. Great idea. Way to execute.

  58. Browser Extension Lets You “Li Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  59. WHN Tech: Browser Extension Le Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  60. Jesse Stay Avatar

    Nicky, I agree it has some improvement to go. I'll get fixes in shortly

    that should fix those automatically for you (one more advantage of using

    Kynetx to write these plugins).

  61. Holiday is Great » Browser Ext Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  62. Browser Extension Lets You “Li Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  63. Browser Extension Lets You “Li Avatar

    […] was inevitable, developer Jesse Stay has built a way “Like” tweets on the Twitter homepage. The winner of Kynetx’s Facebook App contest, Stay’s browser […]

  64. Extensión permite añadir en Tw Avatar

    […] podemos sin instalar ninguna extensión, ya que en techcrunch acaban de anunciar la publicación de una extensión para Internet Explorer, Firefox y Chrome que permite añadir esta función en nuestro Twitter: […]

  65. AJ Kohn Avatar

    How does the object enter the Open Graph? What og: type are you using? Article?

What do YOU think? Let us know your thougts below!