Skip to content

Instantly share code, notes, and snippets.

@kentbrew
Last active April 9, 2024 18:34
Show Gist options
  • Save kentbrew/142cb69124223a5d0f3b3fd7fc2c6bd0 to your computer and use it in GitHub Desktop.
Save kentbrew/142cb69124223a5d0f3b3fd7fc2c6bd0 to your computer and use it in GitHub Desktop.
How to recreate your long-lost Pinterest bookmarklet.

How to recreate your long-lost Pinterest bookmarklet.

Right-click your bookmarks bar and choose Add Page (Chrome) or New Bookmarklet (Firefox).

In Name, put this:

Pin It

In URL, put this:

javascript:void((function(d){d.addEventListener('securitypolicyviolation',function(r){alert('ContentSecurityPolicyError!');});e=d.createElement('script');e.setAttribute('type','text/javascript');e.setAttribute('charset','UTF-8');e.setAttribute('debug','true');e.setAttribute('src','//assets.pinterest.com/js/pinmarklet.js?r='+(Math.random()*99999999));d.body.appendChild(e);}(document)));

For My Little Friend Safari:

  • open about:blank in a new window (this will help you not have to mess around with favicons later)
  • hit command-D
  • choose Favorites under Add this page to:
  • enter Pin It in the Name box
  • right-click the Pin It bookmarklet you just made and choose Edit Address
  • paste in the JavaScript from above

If You're Running Chrome or Firefox, Pinmarklet will Bother You to Install the Pinterest Browser Extension

  • From time to time you'll see a big banner in the image grid, begging you to please install the extension.
  • If you don't want to install the extension, click the "no, thanks" button to set a two-week cookie.

Why you Might Want the Extension After All

  • Pinning with the extension is much better, especially if you pin a lot. You'll have free hovering Save buttons (which you can turn off in Settings) and you can right-click and pin an image without the intervening wait-for-the-grid / pick-an-image cycle.
  • Pinning happens right there inline instead of in a pop-up window.
  • You also get Visual Search for free. Right-click the body of the page to search a full screenshot, or choose the hovering selector button to search an individual image.
@skin-soc
Copy link

This no longer works.

ContentSecuritPolicyError!

@marceloangelim
Copy link

Worked! Thanks man!

@kentbrew
Copy link
Author

@kentbrew
Copy link
Author

For those seeing the ContentSecurityPolicy error, that's probably happening because you're running pinmarklet on GitHub, which forbids external JavaScript embeds.

@willie
Copy link

willie commented Oct 13, 2023

Thank goodness it still works on Safari.

@veitch123
Copy link

I don't understand why there's no pinterest safari extension.

@kentbrew
Copy link
Author

I can't comment on why there is currently no Safari extension, but I can talk about why there wasn't one at the time I left Pinterest.

As was true for Chrome and Firefox there was a version 1 extension for Safari, which did nothing but inject pinmarklet.js. That extension quit working along with many others when Apple shipped Safari 12, which instituted a whole new "App Extension" framework. App Extensions were incompatible with the WebExtensions API, which allowed Pinterest to use a single codebase to ship version 2 (and all subsequent versions) to Firefox, Chrome, and (later) Microsoft Edge.

Later on at WWDC20 Apple announced Safari Web Extensions, which came with a utility that was supposed to convert extensions built on WebExtensions. Unfortunately this utility did not work for the Pinterest extension, and management decreed that the team--which consisted of me--was to work on shipping features and not a Safari extension.

I'm not 100% sure what's happening with the Pinterest extension; as of 2024-02-04 there's a new version for Chrome that seems to have had all features except saving to Pinterest stripped away. It's possible that this smaller version might survive conversion to Safari but I can't say for sure, since it's an obfuscated bundle of React droppings. :(

@SeeJaneB
Copy link

SeeJaneB commented Mar 8, 2024

Ahh, thank you so much for this simple solution. I'm still a user of the Pin It button, but I needed to add it in a different chrome profile. The last time I used the extension, I couldn't stand the Save buttons plastered all over the images on every website or having to turn them on and off when I wanted to pin something, if I remember correctly. It's been a while since I tried it, but I went back to the Pin It button and it satisfies my needs better than the extension.

@pedroconejo
Copy link

Works great in Safari v17. Can only select one photo to pin each time you run the script, but it's a great workaround until Pinterest gets over their Apple antipathy and releases a native extension. (or until Apple decides to become more developer-friendly 🙄 hah!)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment