Skip over navigation

How to save to Delicious from your iPhone

By on Apr 5, 2010 in Personal Technology, Tutorials

One of my core web browsing requirements is to be able to tag pages using Delicious. As a Triple Crown level web surfer, it’s my duty to share with the world my content discoveries. Modern desktop browsers make this easy with browser add-ons or extensions, and bookmarklets. But there isn’t a straightforward answer for the iPhone.

Turns out that Safari on the iPhone will handle bookmarklets just fine. The problem is getting bookmarklets into your Bookmarks. You can’t drag and drop a link from a page to a toolbar, and there isn’t an “Add to Bookmarks” in the “context menu” (tap and hold on a link for three seconds to get the context menu). You can only add bookmarks by using the plus button at the bottom of the browser. It’s not hard to find solutions out there on the Internet explaining how to get around this, but most solutions use syncing with a computer to do so.

We need an easier way. This is how we do it.

Go to this page on your iPhone (the one you are currently reading), and copy the bit of JavaScript below.

javascript:(function(){location.href='http://m.delicious.com/save?url='+
encodeURIComponent(window.location.href)+
'&title='+encodeURIComponent(document.title)+
'&v=5&jump=yes'})()

Bookmark the page with the plus button.

Rename your new bookmark “Tag with Delicious” (or “Save this here page”), and save this bookmark. (Don’t worry that you can’t change the address.)

save

Open up your bookmarks with the book button, enter editing mode by tapping the “Edit” button in the lower left, and edit your “Tag…” bookmark. (If you decide to tap the delete button, go back to step one.)

edit.jpg

Replace everything in the address field (under the bookmark title) with the JavaScript you copied previously, and then save it up.

js.jpg

Now you can browse around the web, and when you come to something you would like to save, just open this bookmark. It will send you to a Delicious tagging page with the address and title filled in for you. Add your tags and save it away.

rad.jpg

Update: Patrick Caldwell wrote a nice bookmarklet installation helper bookmarklet. Handy.

Hey! This wasn't written by a sleuth of bears! It was written by , who does awesome work at Loud Dog, a digital branding firm in San Francisco that helps businesses express themselves authentically via identities, websites, and marketing collateral.

If you want us to do awesome work for you, if you have a question, or if you're just feeling lonely and want to chat, we want to hear from you!

Get in touch

Comments

  1. Rene MacDonald says:

    Dude, much appreciated, thank you, you are the man!

  2. istvan.kovari says:

    Works like a charm, thanks a lot.

  3. Kar.ma says:

    Hi. It seems to me like m.delicious.com doesn’t exist any more (it is a copy of regular http://www.delicious.com), am I sadly right? :(

    • Matt DeClaire says:

      It seems you are right. But fortunately, it seems you are not “sadly” right. Delicious has since addressed our need, and specifically posted a bookmarklet on their site for iPhones.

  4. Dana says:

    I don’t see from the link how this is an iPhone bookmarklet. It directs me to click and drag to a toolbar and I just can’t do that on my iPhone. I really want to be able to tag on my phone. Thanks!

    • Josh Orum says:

      Hm, I’m not sure where you’re seeing something about clicking and dragging to a toolbar. To create a bookmarklet on your iPhone, copy the Javascript snippet above, create a bookmark on your iPhone, and paste the Javascript into the bookmark link section, replacing the page address. For more detailed instructions, refer to the article above.

  5. […] How to save to Delicious from your iPhone http://www.louddog.com/2010/how-to-save-to-delicious-from-your-iphone/ 35.875653 139.500278 Share this:TwitterFacebookGoogleいいね:いいね 読み込み中… […]

Leave a Reply

Your email address will not be published. Required fields are marked *