Aujourd’hui, Twitter lance son propre bouton officiel et en français. Voyons comment l’intégrer sous WordPress.
Présentation
Quels sont les intérêts d’un bouton de re-tweet officiel ?
Voici les principaux avantages qui me viennent à l’esprit :
- Un bouton de re-tweet permet de bénéficier d’un effet démultiplicateur. Il s’agit d’un bouton de partage classique mais avec un compteur… et le système de re-tweet propre à Twitter ;
- Le bouton officiel est une version… officielle ! En cela, la confiance règne et les mises à jour sont – en principe, assurées pour l’avenir à plus ou moins long terme ;
- Vous démontrez votre fibre sociale au yeux de vos lecteurs ;
Quelles différences avec le service TweetMeme ?
Avant l’apparition d’une version officielle d’un bouton Twitter, il existait et existe toujours le service TweetMeme qui offre à peu de choses près les mêmes fonctionnalités. Mais Twitter va plus loin !
- L’interface de re-tweet est beaucoup plus rapide à charger ;
- Le système propose à l’utilisateur de suivre votre compte Twitter une fois l’action de partage terminée ;
- Le visiteur est redirigée vers l’URL de votre article ;
Installation de Twitter Button
Pour intégrer ce fameux bouton Twitter, nous utiliserons le plugin Twitter Button de Svilen Popov :
Plugin pour intégrer le bouton officiel de Twitter.
Taille : 29,8 Ko • Hits : 2 092Une version française sera très prochainement disponible… je me suis porté volontaire pour devenir le traducteur francophone de cet excellent plugin !
Insertion automatique
Dans ce cas figure, il n’est pas nécessaire d’intervenir dans le code de votre thème. En principe, les options de configuration vous permettront de choisir sur quels types de page doit apparaître le bouton Twitter.
Insertion manuelle
J’ai toujours préféré insérer manuellement les plugins WordPress que j’utilise pour la simple et bonne raison que vous maîtrisez complètement l’emplacement.
Pour Twitter Button, il suffit de copier / coller le code suivant :
Encadrez le tout d’une balise <div> ou éditez directement le CSS pour obtenir le résultat souhaité.
Voici le résultat obtenu sur WordPress Channel que vous pouvez voir dans la colonne latérale. Notez la disparition du bouton Facebook qui n’était guère utilisé…
Options de configuration
Les différents paramètres sont simples à configurer. De fait, on retiendra notamment :
- 3 styles de compteur différents ;
- Le texte du re-tweet qui peut être personnalisé ;
- La page de retour au site (URL source ou celle de son choix) ;
- Le compte Twitter à suivre ;
En résumé, l’adoption d’un bouton Twitter est carrément indispensable et les principaux blogs anglophones n’ont pas traîné pour l’adopter. Adieu TweetMeme et welcome to the official Twitter Button ! Et pour ceux qui préfèrent se passer de plugin, générez vous-même votre propre bouton de re-tweet.
Bonjour,
Merci pour ces infos.
Je voudrais cependant que le tweet généré reprenne la première image (qui est en général la seule) de la page.
Est-ce possible?
bonjour,
on me dit que si les titres des articles comportent des guillemets (français ou anglais) ils ne passent pas sur twitter 🙁
avec vous des info là dessus ?
y a t il eu une maj d’un plugin recemment ?
merci 🙂
Bonjour,
Tout d abord merci pour ce super plugins !
Mais j’ai un petit soucis et je n’arrive pas à trouver d’où cela peut provenir :/
J’ai bien mon compteur de tweets et le boutons marche bien, a l’exception du compteur qui ne marche pas!
Auriez vous une solution à me proposer ?
Voici mon site: http://www.fullmetal-fanzine.com
merci d’avance !
Bonjour,
si le bouton fonctionne mais pas le bouton il faut patienter quelques heures avant que celui-ci ne se mette à jour. Je rencontre souvent des problèmes de mise à jour, que ce soit sur Twitter, Facebook ou autre.
Haaaaa d’accord, merci beaucoup pour votre réponse !
Bonjour,
Merci pour cet article, j’ai cependant un problème. Lorsque je partage un lien et que celui comporte des guillemets, le lien est tronqué.
Avez vous une idée svp ?
Non pas d’idée mais as-tu essayé d’ajouter les guillemets en respectant les entités HTML ?
Grand merci pour les explications et vidéos qui m’ont bien aidé – comme beaucoup, je pense – dans la création & personnalisation de mon blog 😀
Bon, un bug. Aussi bien avec le plugin que le script directement inséré dans mon template. Le bug généré fait que mes articles se rechargent en boucle, donc illisible. Il doit y avoir une contre-indication avec l’un de mes paramètres de sécurité, j’en ai mis tellement… mais je ne vois pas pourquoi, à première vue.
Si quelqu’un a le même souci…
J’espère que tu pourras résoudre ton bug… car ton problème n’est sûrement pas lié au plugin de Twitter. 🙂
Merci beaucoup pour cette aide à l’installation 😉
Par contre j’aimerais savoir comment “grossir” le bouton? Je vois, dans ta sidebar, que ton bouton est plus gros et donc plus visible que le mien?
Merci beaucoup
Le plugin propose plusieurs tailles de bouton.
Après, je suppose qu’avec du CSS tu pourras le modifier à ta guise bien que celui que j’affiche soit de la taille officielle. 🙂
Bonjour à tous. J’ai installé ce plugin, malheureusement lorsque je clique sur le bouton Twitter une fenêtre s’ouvre avec indiqué:
URL required
‘url’ parameter does not contain a valid URL.
Quelqu’un pourrait-il me renseigner sur la modification à apporter dans mon installation.
bonsoir
ya le plugin digg digg qui le fourni aussi.
++
Ce plugin va-t-il reprendre les tweets déjà comptés par Tweetmeme ?
Merci.
Oui c’est le cas ! J’en veux pour preuve WordPress Channel et Protuts.net. 😉
P.S : j’ai modifié ton pseudo pour ne pas mettre un nom de site. C’est mieux ! 😎
Ok, merci.
Le pseudo, c’est pour aider coté référencement. 😉
Merci pour cette info. cependant il est loin d’être au point et la position diffère en fonction du navigateur utilisé 🙂
Arf, laissons-lui le temps de faire ses preuves… cela dit, je n’ai pas rencontré de problèmes de positionnement qui seraient plutôt relatifs à ton HTML/CSS à mon sens. 😉
Super, merci pour cet article très clair une fois de plus !
merci beaucoup pour cette vidéo!
elle m’a beaucoup aidée vu que je commence sous WP et que la bête est pas si facile que ça a dompter pour une néophyte 😉
j’ai installé ce bouton hier sur mon blog, installation sans plugin et j’ai constaté le problème suivant, quand on clic sur le bouton, le compteur est bien incrémenté de 1, mais lorsqu’on recharge la page on retourne au nombre de Tweet précédent, j’ai fait le test sur d’autres sites, dont le blog de Twitter et WPChannel et c’est toujours pareil, est-ce que la synchro se fait à retardement ?
Ah, il faut que je vérifie mais cela semble fonctionner de mon côté… étant donné qu’il s’agit du code officiel de Twitter, je pense tout de même que le truc est rôdé !
Il y a sans doute une explication logique à cela… 🙂
oui, à mon avis c’est la synchro avec la base de données de Twitter qui ne se fait pas en temps réel. j’ai fait le test sur plusieurs blogs et le comportement est tjrs le même.
la meme pour moi
tout fonctionne sauf que le nombre de twii retombe a zero a chaque fois
Attention il y a des problèmes avec le compteur de tweet ces jours-ci ! 🙁