Voici le genre de bouton de partager sur Twitter que vous allez obtenir:


bouton-tweeter-2.png

Et à quoi ressemble le code source permettant d'insérer le bouton "Tweeter" sur ce blog:

<a href="http://twitter.com/share" class="twitter-share-button" data-url="{{tpl:EntryURL}}" data-text="{{tpl:EntryTitle encode_html="1"}}" data-count="horizontal" data-via="noid_fr" data-lang="fr">Tweet</a><script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Les différents paramètres du bouton "Tweeter":

  • data-url: Par défaut (si le paramètre n'est pas renseigné dans le code source du bouton) Twitter prend en compte l'URL de la page courante sur laquelle se trouve le bouton. Sur une page ne contenant qu'un seul article, l'utilisation de ce paramètre est facultative mais cela peut s'avérer utile pour une page listant plusieurs articles  / objets  à associer à un bouton "Tweeter" (une liste d'article sur la home d'un blog par exemple). Dans l'exemple le code "{{tpl:EntryURL}}" permet de récupérer dynamiquement dans le système de template la valeur de l'url (propre au CMS dotclear 2 que j'utilise. Sachez également que ces urls seront automatiquement condensées avec le raccourcisseur d'url twitter t.co lors de leur publication dans les tweets de vos visiteurs et ne consommeront qu'une petite  vingtaines de caractères

  • data-text: Par défaut, le widget n'intègre aucune valeur au tweet qui va être publié par vos visiteurs, il vaut donc mieux renseigner  la valeur de ce paramètre en se limitant à un extrait court (140 caractères maximum dans un Tweet hors lien de partage vers votre article et mention de votre compte Twitter). Généralement le titre de la page est indiqué pour jouer ce rôle. Gardez à l'esprit que ce titre va apparaitre dans les tweet donc inciter au clic tout en restant informatif et explicite quant au contenu de votre article.

  • data-count : Indique le type de bouton qui s'affichera. Il existe trois type de bouton au choix correspondant aux paramètres "vertical", "horizontal" et "none".type-bouton-twitter.png
  • data-via: indique le nom de votre compte Twitter  pour permettre de profiter des effets bénéfiques de ce paramètre sur la réputation de votre compte twitter et votre "Social Rank"(favorisant le nombre de mentions / citations de votre nom d'utilisateur). ici je met "noid_fr"  qui est l'identifiant de mon compte twitter et qui sera repris dans le tweet sous la forme "via @noid_fr".
  • data-lang: Indique la langue dans laquelle partager votre contenu. Ce paramètre permet notamment d'afficher "tweeter" (en français) plutôt que "Tweet" et également d'ouvrir l'interface de connexion dans la langue appropriée. Je renseigne donc ce paramètre avec la valeur "fr"

Le résultat du bouton de partage sur Twitter pour vos visiteurs


partager-sur-twitter.png