Ajouter le nouveau bouton « like » de Twitter à votre blog

12 août 2010 - 12 commentaires

Vous connaissez tous le bouton « like » de Facebook qui a fleuri depuis quelques mois sur de nombreux sites.

Twitter a lancé aujourd’hui l’équivalent (un bouton de partage vers Twitter avec un décompte du nombre de Tweet correspondants)

Voici comment l’intégrer.

Il vous suffit de copier coller ces quelques lignes de code dans le fichier « single.php » de votre template WordPress (personnellement je l’ai placé à la fin du billet, avant les commentaires)

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>
<div>
<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<?php the_permalink(); ?>"
data-via="@mrboo"
data-text="<?php the_title(); ?>"
data-count="horizontal">Tweet</a>
</div>

Si comme moi vous utilisez votre propre raccourcisseur d’url avec le plugin YOURLS pour WP (cf ce billet)
Il vous suffit de remplacer the_permalink(); par echo wp_ozh_yourls_raw_url();

Si vous utilisez un autre moteur de blog il vous suffit de remplacer les fonctions the_permalink() et the_title() par leurs équivalents.

UPDATE: il semblerait que le décompte du nombre de Tweet ne fonctionne pas lorsque j’utilise le raccourcisseur d’url.
Je cherche une solution.

Discussion:

  • Diije dit :

    Allez, tiens, je teste :p

  • mrboo dit :

    Il semblerait que le compteur ne fonctionne pas des masses… peut-être à cause de mon raccourcisseur d’URL ?

  • Dofus Astuce dit :

    il manque un « class= »twitter-share-button »" après le « <a href="http://twitter.com/share"".
    Si il n'est pas mis, le bouton stylisé n'est pas affiché, il y a simplement le texte Tweet

  • mrboo dit :

    Dofus Astuce> oups, en effet : c’est corrigé ;)

  • FabienM dit :

    Ton raccourcisseur d’URL pose surement un problème de détection du referer, hésite pas à nous dire ici comment tu as contourné :)

  • mrboo dit :

    FabienM> j’ai l’impression que si j’utilise un raccourcisseur populaire comme bit.ly cela fonctionne… (car Twitter fait la correspondance)

  • FabienM dit :

    Hum, drôle de souci puisque l’appel à l’API Twitter se fait avec la bonne URL (la « shortenisée »).

  • C’est moche pour TweetMeme quand même…
    Enfin j’ai cru comprendre qu’il y avait un partenariat entre Twitter et TweetMeme.
    Ce commentaire aussi pour suivre la mise à jour du billet car j’utilise la même configuration WP et Yourls alors merci d’avance pour la solution ;-)
    @MathieuBruc

  • Thierry dit :

    Vu le rythme où plante twitter, je ne sais pas si c’est très bon de mettre un script qui vient de chez twitter, je vais m’abstenir pour un moment. Je garde mon bouton tweetmeme

  • Hop, testé, ça a l’air de fonctionner!
    Merci pour l’astuce.

  • Hop, testé, ça a l’air de fonctionner!
    Merci pour l’astuce.

  • Franck dit :

    Ca fonctionne super, merci ! …

  • Comments closed