Intégrer le bouton officiel de Twitter sur un blog WordPress

Twitter est un outil de micro-blogging que l’on ne présente plus. Jusqu’alors le service TweetMeme permettait d’insérer un bouton de re-tweet sur chacun de vos articles. 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 :

  1. 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 ;
  2. 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 ;
  3. 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 :

Twitter Button

Plugin pour intégrer le bouton officiel de Twitter.

Taille : 29,8 KiB  •  Date : 16 août 2010 •  Hits : 1 645

Une 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 :

<?php echo twitter_button(); ?>

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é…

Capture d'écran - Bouton de re-tweet sur WordPress Channel
Aperçu du plugin WordPress Twitter Button sur ce blog

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 ;
Capture d'écran - Options principales du plugin Twitter Button
Des options sociales pour booster votre site avec Twitter !

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.

Crédits photo : scott_hampson

26 commentaires

  1. Jimmy

    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 ?

    1. Aurélien Denis auteur de l’article

      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…

      1. Jimmy

        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.

  2. kaderick31

    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

  3. Sidney

    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.

  4. Antoine

    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

  5. LashonWP

    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…

  6. Vincent

    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 ?

  7. Twisted355

    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 !

    1. Aurélien Denis auteur de l’article

      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.

  8. cali

    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

Laisser un commentaire