Lien pour “épingler” sur pinterest sans générer de bouton

J’ai une page avec des dizaines ou des centaines de messages, chacun avec des boutons sociaux. Je ne peux pas générer tous les boutons pour chaque URL: c’est trop lent (facebook, g +, twitter, pinterest … pour des centaines de liens). Donc, au lieu de générer le bouton de partage facebook à la volée, j’utilise un simple img qui pointe vers

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

Lorsque l’utilisateur clique dessus, une fenêtre contextuelle s’ouvre avec le contenu généré par Facebook.

Comment puis-je le faire pour Pinterest? Je trouve seulement autour du code pour générer le bouton, mais je voudrais éviter js si possible. Y a-t-il quelque chose comme ce qui suit?

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

S’il vous plaît ne pas essayer de me faire utiliser le bouton js, merci.

Le code de bouton Pinterest standard (que vous pouvez générer ici ) est une balise enveloppe un du bouton Pinterest.

Si vous n’incluez pas le script pinit.js sur votre page, cette balise fonctionnera “en l’état”. Vous pouvez améliorer l’expérience en enregistrant votre propre gestionnaire de clic sur ces balises, ce qui ouvre une nouvelle fenêtre avec les dimensions appropriées, ou du moins en ajoutant target="_blank" à la balise pour l’ouvrir dans une nouvelle fenêtre.

La syntaxe de la balise ressemblerait à ceci:

Si l’utilisation des versions JavaScript des boutons de partage gâche les temps de chargement de votre page, vous pouvez améliorer votre site en utilisant des méthodes de chargement asynchrones. Pour un exemple de la façon de le faire avec le bouton Pinterest, consultez mon projet de bouton Pinterest GitHub avec une syntaxe HTML5 améliorée .

Si vous souhaitez créer un hyperlien simple au lieu du bouton pin it,

Change ça:

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

Pour ça:

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

Ainsi, une URL complète pourrait simplement ressembler à ceci:

Pin it

J’ai eu la même question. Cela fonctionne très bien dans WordPress!

 Pin this

Pour de tels cas, j’ai trouvé très utile le Share Link Generator , qui permet de créer des boutons de partage sur Facebook, Google+, Twitter, Pinterest et LinkedIn.

J’ai trouvé du code pour wordpress:

Ensuite, vous mettez ce qui suit dans votre PHP:

 ID ), 'full' ); ?> Pin It

Donc, vous voulez le code sur le bouton épingler sans installer le bouton? Si oui, collez simplement ce code à la place de l’URL de la page à partir de laquelle vous épinglez. Il devrait fonctionner comme un bouton sans le bouton.

javascript:void((function(){var%20e=document.createElement('script');e.setAtsortingbute('type','text/javascript');e.setAtsortingbute('charset','UTF-8');e.setAtsortingbute('src','http://assets.pinterest.com/js/pinmarklet.js?r='+Math.random()*99999999);document.body.appendChild(e)})());

Vous pouvez créer un lien personnalisé comme décrit ici en utilisant un petit 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; });

cela fonctionnera pour tous les liens avec la classe linkPinIt qui ont l’image et la description stockées dans les atsortingbuts de data-image HTML 5 data-image et data-desc

  Pin it!

voir cet exemple jfiddle