Nov 252011
 

Pinterest is an image based link sharing website that’s become fairly popular lately. It has a “Pin It” button that can normally be dragged to the bookmark bar and added as a link in your browser to make it easy to “pin” things. Of course, you can’t drag a link on the iPad! There is an iPad App for Pinterest, and from what I’ve heard it leaves something to be desired. So here’s how to get a Pin It button on the iPad, iPad2, or anything else that supports running JavaScript in a bookmark but doesn’t allow you to drag and drop a link.

The easy way: add the Pin it button to your bookmark bar and sync the bookmarks between your iPad and Safari on your computer using iCloud. Thanks to Karl for this.

The longer way: The “Pin It” button is just a link with some JavaScript in it, so we will create a custom bookmark on the iPad with the correct JavaScript and it will work as expected.

  • Find the custom JavaScript.
  1. You can try copying and pasting the JavaScript from here, but it may change in the future. If it doesn’t work, then continue on to the next step in this section. Do include the “javascript:” at the beginning – it’s absolutely necessary.
    1. javascript:void((function(){var%20e=document.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());
  2. Open Safari on an actual computer (you may need to install it on Windows). Or just install one of those User Agent Switchers and tell Pinterest that you’re using Safari, if you know what you’re doing…
  3. Log in to Pinterest and get the “Pin It” button from the “About” menu, and drag it to your bookmarks.
  4. Edit the bookmark and copy the address of the bookmark, which should start with “javascript:”
  • Get the bookmark text on to your iPad. Probably the easiest way to do this is by emailing it somewhere and setting up that email on the iPad.
  • Copy the entire text of the bookmark, including the “javascript:”
  • Create a bookmark on the iPad (for anything, it is changed in the next step).
  • Edit the bookmark you created, name it “Pin It!”, paste the javascript:… text into the location/address part of the bookmark.
  • Click the “Pin It!” bookmark on any page with an image to get the popup window where you choose which photo to use. This look slightly different on the iPad but has the same functionality.
  • Rejoice in Pinterest goodness.