Link to pin it on pinterest without generating a button

Question

I have a page with tens or hundreds of posts  each one with social buttons  I just can t generate all the buttons for each url  it is too slow  facebook  g   twitter  pinterest    for hundreds of links   So  instead of the facebook share button to be generated on the fly  I use a simple img pointing to  https   www facebook com sharer php u   url of current post  amp t    When the user clicks on it  a popup window opens with content generated by facebook   How can I do it for Pinterest  I only find around code to generate the button  but I would like to avoid js at all if possible  Is there something like the following   http   pinterest com pinthis url   url of current post    Please do not try to make me use the js button  thanks

User · Answer

So you want the code to the pin it button without installing the button? If so just paste this code in the place of the url of the page you're pinning from. It should function as a pin it button without the button.

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)})());

User · Answer

I Found some code for wordpress     lt script type  text javascript  gt       function insert pinterest  content            global  post           posturl   urlencode get permalink       Get the post URL          pinspan     lt span class  pinterest-button  gt          pinurl             pinend     lt  span gt             pattern      i            replacement    pinspan  pinurl   2  3   pindescription  pinfinish     pinend           content   preg replace   pattern   replacement   content              Fix the link problem          newpattern      lt span class  pinterest-button  gt  lt   a gt  lt   span gt  lt   a gt  i         replacement             content   preg replace   newpattern   replacement   content         return  content            add filter   the content    insert pinterest           lt  script gt    Then you put the following in your PHP    lt  php  pinterestimage   wp get attachment image src  get post thumbnail id   post- gt ID     full       gt   lt a href  http   pinterest com pin create button  url  lt  php echo urlencode get permalink  post- gt ID      gt  amp media  lt  php echo  pinterestimage 0     gt  amp description  lt  php the title      gt   gt Pin It lt  a gt

User · Answer

For such cases  I found very useful the Share Link Generator  it helps creating Facebook  Google   Twitter  Pinterest  LinkedIn share buttons

User · Answer

If you want to create a simple hyperlink instead of the pin it button   Change this   http   pinterest com pin create button  url    To this   http   pinterest com pin create link  url    So  a complete URL might simply look like this    lt a href    pinterest com pin create link  url http 3A 2F 2Fwww flickr com 2Fphotos 2Fkentbrew 2F6851755809 2F amp media http 3A 2F 2Ffarm8 staticflickr com 2F7027 2F6851755809 df5b2051c9 z jpg amp description Next 20stop 3A 20Pinterest  gt Pin it lt  a gt

User · Answer

The standard Pinterest button code  which you can generate here   is an  lt a gt  tag wrapping an  lt img gt  of the Pinterest button   If you don t include the pinit js script on your page  this  lt a gt  tag will work  as-is   You could improve the experience by registering your own click handler on these tags that opens a new window with appropriate dimensions  or at least adding target   blank  to the tag to make it open clicks in a new window   The tag syntax would look like    lt a href  http   pinterest com pin create button  url  URI-encoded URL of the page to pin  amp media  URI-encoded URL of the image to pin  amp description  optional URI-encoded description   class  pin-it-button  count-layout  horizontal  gt       lt img border  0  src    assets pinterest com images PinExt png  title  Pin It    gt   lt  a gt    If using the JavaScript versions of sharing buttons are ruining your page load times  you can improve your site by using asynchronous loading methods  For an example of doing this with the Pinterest button  check out my GitHub Pinterest button project with an improved HTML5 syntax

User · Answer

I had the same question  This works great in Wordpress    lt a href    pinterest com pin create link  url  lt  php the permalink     gt  amp amp description  lt  php the title     gt   gt Pin this lt  a gt

User · Answer

You can create a custom link as described here using a small jQuery script      linkPinIt   click function        var url     this  attr  href        var media     this  attr  data-image        var desc     this  attr  data-desc        window open    www pinterest com pin create button          url   url        amp media   media        amp description   desc   blank   top 0 right 0 width 750 height 320        return false         this will work for all links with class linkPinItwhich have the image and the description stored in the HTML 5 data attributes data-image and data-desc   lt a href  https 3A 2F 2Fwww flickr com 2Fphotos 2Fkentbrew 2F6851755809 2F      data-image  https 3A 2F 2Fc4 staticflickr com 2F8 2F7027 2F6851755809 df5b2051c9 b jpg      data-desc  Title for Pinterest Photo  class  linkPinIt  gt      Pin it   lt  a gt     see this jfiddle example

[button] Link to "pin it" on pinterest without generating a button

Examples related to button

Examples related to pinterest