Intégrer un bouton de partage Twitter grâce à TweetMeme
Vous avez déjà vu ce type de petits boutons vous facilitant le partage de vos contenus sur des blogs ou autres sites d'actualités intitulés généralement "Partager cet article" ou encore "Tweet this".
Ces liens d'échanges de contenus sont devenus depuis quelques temps indispensable pour étendre son réseau de lecteurs.
Je vais donc vous proposer un moyen très simple d'intégrer ce type de liens à partir d'un service connu de tous tweet addict, TweetMeme.
Si vous utilisez Wordpress
Et pour une fois, je dois l'avouer, vous avez de la chance. Suivez ce lien et vous trouverez un plugin correspondant.
Pour les autres...
Je dois vous avouer que vous allez devoir mettre un peu les mains dans le code pour pouvoir intégrer ce bouton.
L' avantage, c'est que vous allez pouvoir intégrer celui-ci où vous voulez.
Que ce soit en haut de l'article, vers les commentaires, c'est vous qui voyez...
Les seules opérations que vous avez à faire, c'est copier et coller ce code.
Le code simple pour un bouton générique
Pour avoir un bouton qui ressemble à ça :

Copier et coller ce bouton où vous voulez dans votre code :
<script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
Les options à votre portée
Un bouton plus petit
Vous rêvez d'un bouton plus petit, plus discret de ce type?

alors copier/coller avec ce code :
<script type="text/javascript"> tweetmeme_style = 'compact'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
Vous voyez qu'un nouvel élément de script s'est inséré.
C'est à partir de celui-ci que vous allez pouvoir personnaliser votre bouton.
Avec votre nom d'utilisateur twitter
La personnalisation du nom d'utilisateur twitter peux vous être utile pour suivre les retweet que vous avez eu sur un article.
TweetMeme est le nom d'utilisateur par défaut. Mais rien ne vous empêche de le changer.
<script type="text/javascript"> tweetmeme_source = 'nico_agt'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
Avec un service de réécriture d'url personnalisé
Certains aiment bit.ly, d'autre digg.com alors réjouissez vous, tout le monde pourra paramétrer son service de réécriture d'url favori à condition qu'il soit dans cette liste :
<script type="text/javascript"> tweetmeme_service = 'bit.ly'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
En combinant les options
On peut aussi combiner les options.
Par exemple avoir un petit bouton avec son nom d'utilisateur et un service de réécriture d'url personnalisé.
<script type="text/javascript"> tweetmeme_service = 'bit.ly'; tweetmeme_source = 'nico_agt'; tweetmeme_style = 'compact'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>
Modifier le titre
Par défaut, tweetmeme prends le titre de l'article et le titre du blog.
Je trouve cette solution intéressante mais si toutefois vous voulez changer ce paramètre, il vous suffit d'insérer entre les balises <head> </head> cette information et de changer la valeur du content :
<meta name="tweetmeme-title" content="Le blog de Nicolas Aguenot" />
Voilà c'est terminé. Il ne vous reste plus qu'à admirer le résultat et laisser vos lecteurs partager votre contenu.
Commentaires
Sympa ce petit tuto. J'ai eu un peu de mal à l'intégrer mais ca marche et c'est cool. Merci bien
Je vous remercie de m'avoir procuré ce que je cherchais.
Pile ce que je cherchais.
Clair et précis, impeccable ! :)
De rien guillaume.
Depuis ce billet, un nouveau bouton twitter a été créé.
Je l'ai intégré à ce blog via @addthis . Tu pourras même retrouver des infos dans ce billet : Customiser son bouton addthis
C'est super bien expliqué merci !! Bien pratique quand les plugins ne nous satisfont pas vraiment... En tout cas avec Drupal je n'ai rien trouvé de génial. Plus qu'à chercher la meme chose pour le Facebook like maintenant !
Bonjour,
Vos conseils sont très intéressants.
J'ai un souci avec le bouton de tweetmeme, qui affiche un point d'interrogation (erreur 404) pour mes nouveaux articles. Je le vois en aperçu, mais je ne les ai pas encore publiés dans l'attente de résoudre ce problème.
Savez-vous comment résoudre ce problème ?
Merci d'avance.
@Lucie Je pense que tu trouverais ton bonheur dans ce billet : http://pennybutler.com/plugin-revie...
Sinon, tu peux regarder la box count sur le site facebook developer : http://developers.facebook.com/docs...
@olivier : As-tu trouvé la solution à ton problème ? Est ce que le point d'interrogation s'affiche dans le mode de prévisualisation de ton billet ? Si c'est le cas, c'est normal car ton billet est reconnu comme prévisualisation et n'a pas d'identifiant attribué (en tout cas, c'est ce qui se passe pour moi avec Addthis)
Je vous invite à découvrir le billet Intégrer un bouton de partage qui suit votre contenu en css pour plus d'informations concernant addthis : http://www.nicolasaguenot.com/nicoa...
Ou rendez-vous directement sur le site addthis : www.addthis.com
It's perfect that we can take the <a href="http://bestfinance-blog.com">loan</a> moreover, that opens up completely new opportunities.
Yeah. I adore the item written in this place. A schoolfellow advise me your site, ever since my first visit, I have been devoted. Don't gamble away your life in lack of faith and despair, just order argumentative research paper. Keep the articles appearing!
Thanks a lot for sharing this with all folks you actually recognize what you are speaking about! Bookmarked. Please additionally talk over with my website =). We could have a link exchange arrangement between us
Thanks a lot for sharing this with all folks you actually recognize what you are speaking about! Bookmarked. Please additionally talk over with my website =). We could have a link exchange arrangement between us