Workflow: Post a Link from Chrome to Tumblr using Drafts's Clipboard Tag

Yesterday we saw an update to Drafts and Tumblr. Yet, it wasn't until today we learned that the latest version of Tumblr for iOS has supported x-callback-url specifications. Greg Pierce immediately wrote a couple of URL actions as a sample that you can install and tweak with.

After looking at the URL schemes documentation for Tumblr, I decided to try writing a custom URL action that would allow me to easily post a link from Chrome to Tumblr. As you would expect from a link post, you will need three data from the web page you're linking to: the page title, the page URL, and a quote from the page.

I decided to use a Javascript bookmarklet to get the page title and page URL from Chrome, and put the quote into the clipboard just before I trigger the bookmarklet. The idea here is to use the new [[clipboard]] tag from Drafts 3.0 to propagate the quote to Tumblr. Here's the bookmarklet code:

javascript:window.location='drafts://x-callback-url/create?text='+encodeURIComponent(document.title+'%5Cn')+ encodeURIComponent(location.href)+'&action=Post%20Link%20to%20Tumblr'

And, here's the custom URL Action named "Post Link to Tumblr" that I created in Drafts:


Open this link if you want it installed on your iOS device automatically.

Upon receiving the URL request, Tumblr app will prompt you to make any final modifications before submitting the post.

The page title will become the post title, the page URL will become the post body, and the quotation that I put in the clipboard will be set up as a Markdown-formatted post in my Tumblr post. When this action is invoked, the Tumblr app will prompt you to make final adjustments to your post, including additional thoughts that you might want to add underneath the quotation. And, when you're ready to post it, Tumblr will redirect you back to Chrome.

My first impression about the new Tumblr's x-callback-url features is how easy it has enabled me to post my thoughts to Tumblr without having to start from the dashboard. I believe this particular action is one of the easiest way to post a link to your Tumblr blog. Simply select the part that you want to quote, put it in the clipboard, hit the bookmarklet, and you're ready to add your thoughts in Tumblr. Hit post, and you're back to Chrome.

To find my other workflows, please visit my Productivity and Workflows blog.