Vínculo para "fijarlo" en Pinterest sin generar un botón

Tengo una página con decenas o cientos de publicaciones, cada una con botones sociales. Simplemente no puedo generar todos los botones para cada URL: es demasiado lento (facebook, g +, twitter, pinterest ... para cientos de enlaces). Entonces, en lugar de generar el botón para compartir de Facebook sobre la marcha, utilizo una imagen simple que apunta

https://www.facebook.com/sharer.php?u=${url_of_current_post}&t=

Cuando el usuario hace clic en él, se abre una ventana emergente con contenido generado por Facebook.

¿Cómo puedo hacerlo para Pinterest? Solo encuentro un código para generar el botón, pero me gustaría evitar js si es posible. ¿Hay algo como lo siguiente?

http://pinterest.com/pinthis?url=${url_of_current_post}

Por favor, no intente hacerme usar el botón js, gracias.

El código estándar del botón de Pinterest (que puede generar aquí ) es una <a>etiqueta que envuelve un <img>botón de Pinterest.

Si no incluye el pinit.jsscript en su página, esta <a>etiqueta funcionará "como está". Puede mejorar la experiencia registrando su propio controlador de clics en estas etiquetas que abre una nueva ventana con las dimensiones adecuadas, o al menos agregando target="_blank"a la etiqueta para que abra clics en una nueva ventana.

La sintaxis de la etiqueta se vería así:

<a href="http://pinterest.com/pin/create/button/?url={URI-encoded URL of the page to pin}&media={URI-encoded URL of the image to pin}&description={optional URI-encoded description}" class="pin-it-button" count-layout="horizontal">
    <img border="0" src="//assets.pinterest.com/images/PinExt.png" title="Pin It" />
</a>

Si el uso de las versiones JavaScript de los botones para compartir está arruinando los tiempos de carga de su página, puede mejorar su sitio utilizando métodos de carga asincrónicos. Para ver un ejemplo de cómo hacer esto con el botón de Pinterest, consulte mi proyecto de botón de Pinterest de GitHub con una sintaxis HTML5 mejorada .

Si desea crear un hipervínculo simple en lugar del botón anclarlo,

Cambia esto:

http://pinterest.com/pin/create/button/?url=

A esto:

http://pinterest.com/pin/create/link/?url=

Entonces, una URL completa podría verse así:

<a href="https://stackoverflow.com//pinterest.com/pin/create/link/?url=http%3A%2F%2Fwww.flickr.com%2Fphotos%2Fkentbrew%2F6851755809%2F&media=http%3A%2F%2Ffarm8.staticflickr.com%2F7027%2F6851755809_df5b2051c9_z.jpg&description=Next%20stop%3A%20Pinterest">Pin it</a>

Tenía la misma pregunta. ¡Esto funciona muy bien en Wordpress!

<a href="https://stackoverflow.com//pinterest.com/pin/create/link/?url=<?php the_permalink();?>&amp;description=<?php the_title();?>">Pin this</a>

Para tales casos, encontré muy útil el Share Link Generator , que ayuda a crear botones para compartir en Facebook, Google+, Twitter, Pinterest, LinkedIn.

Encontré un código para wordpress:

 <script type="text/javascript">

    function insert_pinterest($content) {
        global $post;
        $posturl = urlencode(get_permalink()); //Get the post URL
        $pinspan = '<span class="pinterest-button">';
     $pinurl = '';
     $pinend = '</span>';
        $pattern = '//i';
        $replacement = $pinspan.$pinurl.'$2.$3'.$pindescription.$pinfinish.''.$pinend;
        $content = preg_replace( $pattern, $replacement, $content );
        //Fix the link problem
        $newpattern = '/<span class="pinterest-button"><\/a><\/span><\/a>/i';
     $replacement = '';
     $content = preg_replace( $newpattern, $replacement, $content );
     return $content;
    }
    add_filter( 'the_content', 'insert_pinterest' );

    </script>

Luego pones lo siguiente en tu PHP:

<?php $pinterestimage = wp_get_attachment_image_src( get_post_thumbnail_id( $post->ID ), 'full' ); ?>
<a href="http://pinterest.com/pin/create/button/?url=<?php echo urlencode(get_permalink($post->ID)); ?>&media=<?php echo $pinterestimage[0]; ?>&description=<?php the_title(); ?>">Pin It</a>

Entonces, ¿quieres el código para el botón pin it sin instalar el botón? Si es así, simplemente pegue este código en el lugar de la URL de la página desde la que está fijando. Debería funcionar como un botón pin it sin el botón.

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

Puede crear un enlace personalizado como se describe aquí usando un pequeño script jQuery

$('.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+
    "&media="+media+
    "&description="+desc,"_blank","top=0,right=0,width=750,height=320");
    return false; 
});

esto funcionará para todos los enlaces con clase linkPinItque tienen la imagen y la descripción almacenadas en los atributos de datos HTML 5 data-imageydata-desc

<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">
    Pin it!
</a> 

mira este ejemplo de jfiddle