Google Reader Logo

I recently decided to ditch NetNewsWire and use Google Reader as my main RSS reader. Google Reader helps me keep up on the latest tech news and important internet trends. As I cave in to using yet another Google service, Google gets one step closer to becoming a hive mind.

I’ve been really happy with Google Reader so far, except for one thing.

Google allows you to post articles that you’re reading to various social networking sites, like Twitter, Facebook, and Digg. But, Google’s built in “Post to Twitter” feature opens up a new window (or tab in Firefox’s case) at Twitter.com just to post a new tweet. Lame!

Screenshot of Tweetie

I already use an amazing Twitter client for Mac, called Tweetie. I’ve gotten used to it’s slick interface that opens a tiny little tweet window when you want to write a new tweet. It’s so much better than opening a whole new tab!

I wanted this functionality to be available to me in Google Reader. What was I to do?

Well, the company behind Tweetie, AteBits, offers up a handy bookmarklet to help users easily tweet stuff while surfing the web. You just create a new bookmark and set the URL to be:

javascript:window.location='tweetie:'+window.location

But, we can improve this by adding the title of the website to the Javscript code, which looks like this:

javascript:window.location='tweetie:'+document.title+'%20'+window.location

Then when you click on this bookmark, a new tweet pops up that looks likes this:

Tweetie tweet interface

Awesome, right? Now, I just need to add this custom Javscript URL to Google Reader’s “Send To…” section, right?

This is the Google Reader interface for adding custom “Send To…” buttons:

Google reader interface

But, it’s not that easy! Google blocks Javascript URLs (probably for security reasons or else it’s just an oversight on their part) and you get presented with this sad error mesage:

No Javascript URLs!

But, I want Tweetie in Google Reader, darn it! So, I whipped up a little PHP/Javascript workaround. I’ll post it here, because I imagine that others have had this same problem.

<html>
    <head>
    </head>
    <body>
        <script type="text/javascript">
          window.location='tweetie:'+'<?php echo $_GET["title"]; ?>'+'%20'+'<?php echo $_GET["url"]; ?>';
          window.close();
        </script>
    </body>
</html>

This is the final result:

Send to Tweetie!

This trivial script just looks for a title and URL passed in via GET parameters, redirects the browser there, and then closes itself to get out of the way. All that remains is your new tweet window in Tweetie and Google Reader in the background.

This is what it looks like in action:

This is what it looks like in action!

Then, I just uploaded this file to my server (It’s located here: http://feross.org/tweetie.php (NO LONGER AVAILABLE) in case you want to use it).

Then, I just filled out the Google Reader settings window like this:

Set up your settings like this! Remember, in Google Reader, ${title} and ${short-url} stand for the article title and URL.

Set up your settings like this!

Feel free to copy these settings if you’d like to set up the same functionality for yourself!

Now, I can tweet any/all the interesting stories I read from Google Reader super easily. If you follow me on Twitter, then get ready for a firestorm of tweets!

Hopefully someone finds this useful! :-)

(If you liked this, you might like How To Set Up Your Linode For Maximum Awesomeness.)

Thanks for reading! RSS Feed Icon

Feross Aboukhadijeh

I'm Feross, an entrepreneur, programmer, open source author, and mad scientist.

I maintain 100+ packages on npm. All my code is freely accessible on GitHub and funded by my supporters. I now offer a support contract for companies and teams.

I build innovative projects like WebTorrent, a streaming torrent client for the web, WebTorrent Desktop, a slick torrent app for Mac/Windows/Linux, and StandardJS, a JavaScript style guide, linter, and automatic code fixer.

I also work on fun projects like BitMidi, a free MIDI file database, Play, a music video app, and Study Notes, a study tool with college essay examples.

If you enjoyed this post, you should follow me on Twitter.

Or, sign up to get an email whenever I write a post: