Ma vie privée, mes idées, mon oeuvre... - Mot-clé - réseau socialMa vie professionnelle ne vous intéresse pas ou ne vous suffit pas ? Et bien sachez que j'ai aussi une vie en dehors du boulot, même si parfois je la cherche... Entre cinéma, sorties entre amis, parcs d'attraction et travail, je mène une vie assez remplie et qui laisse peu de place au calme. Découvrez là avec moi...2024-02-05T11:10:01+01:00Patrick Prémartinurn:md5:c88420aa1653e89d31ac469288f01b27DotclearMettre le bouton Pinterest sur son siteurn:md5:c77a59befb1f94a062df8c20e33db10e2012-08-16T09:00:00+01:002012-08-16T08:04:25+01:00Patrick P.InternetpartagePinterestréseau socialscriptà partager <p>Comme tous les réseaux sociaux et autres sites de partage, <a href="http://pinterest.com/" hreflang="en">Pinterest</a> propose des scripts à placer sur les sites pour partager ses pages sur leur réseau.</p>
<p>Le hic, c'est qu'ils n'ont rien automatisé et imposent de mettre l'URL de la page et d'un visuel en dur avant de placer le script sur les pages.</p>
<p>Plutôt que d'utiliser <a href="http://pinterest.com/about/goodies/" hreflang="en">leur script</a>, je vous propose donc cette variante qui va automatiquement reprendre l'URL de votre page, le fichier ascreen.jpg (en 120x90 que vous devez mettre à la racine du domaine) comme visuel. Bien entendu vous êtes libre d'adapter ce script à vos envies (notamment pour mettre la première photo de la page ou l'image que vous préférez dessus).</p>
<p><code><script type="text/javascript"></code>
<code> document.write('<a href="http://pinterest.com/pin/create/button/?url='+</code>
<code>encodeURIComponent(location.href)+'&media='+</code>
<code>encodeURIComponent(location.protocol+'//'+location.host+'/ascreen.jpg')+</code>
<code>'&description='+encodeURIComponent(document.title)+</code>
<code>'" class="pin-it-button" count-layout="vertical"><img border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>');</code>
<code></script></code></p>
<p>et ce script à placer en un seul exemplaire, de préférence en bas de page (si vous mettez plusieurs boutons de partage)</p>
<p><code><script type="text/javascript"></code>
<code> document.write('<sc'+'ript type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></scr'+'ipt>');</code>
<code></script></code></p>
<p>Voici ce que ça donne :</p>
<script type="text/javascript">
document.write('<a href="http://pinterest.com/pin/create/button/?url='+encodeURIComponent(location.href)+'&media='+encodeURIComponent(location.protocol+'//'+location.host+'/ascreen.jpg')+'&description='+encodeURIComponent(document.title)+'" class="pin-it-button" count-layout="vertical"><img border="0" src="http://assets.pinterest.com/images/PinExt.png" title="Pin It" /></a>');
document.write('<sc'+'ript type="text/javascript" src="http://assets.pinterest.com/js/pinit.js"></scr'+'ipt>');
</script>
<p>Plutôt pratique, non ?</p>A tous les détracteurs de Twitterurn:md5:7a42d3d6e5b672849f3844a6a021fa402010-07-10T12:20:00+01:002010-07-10T11:21:01+01:00Patrick P.Internetréseau socialtwitterweb 2.0 <p>Vous trouvez que <a href="http://twitter.com/" hreflang="fr">Twitter</a> ne sert à rien, et bien vous avez tord !</p>
<p><a href="http://twitter.com/" hreflang="fr">Twitter</a> sert à plein de choses, même à <a href="http://twitter.com/GMT_1" hreflang="fr">régler sa montre</a> ;-)</p>
<p>Et puis mine de rien, c'est quand même le second site après Google en terme de nombre de recherches par mois...</p>