Tutorial : Afficher ses derniers Tweets sur son blog
Je viens à l’instant de mettre en place cette fonctionnalité sur keeg. Dès à présent, ma page principale affiche mes derniers tweets tous frais en provenance de twitter. Pour cela, je suis passé par du JavaScript. Suivez le guide, c’est tout simple.
Le tout se déroule en 3 étapes. La première étape consiste à télécharger le fichier JavaScript et de simplement l’uploader par FTP à la racine de votre site internet. Personnellement, j’ai modifié le texte du fichier JS pour le traduire en français. C’est toujours mieux. Pour cela, ouvrez simplement ce fichier avec le bloc note ou notepad++ (ou autres), modifiez et sauvegardez. Première étape déjà terminée 
La seconde étape pour afficher ses derniers Tweets Twitter sur son blog (ou site internet) est de placer le bout de code qui suit entre vos balises HTML <head>.
<script src= »/twitter-1.12.2.js » type= »text/javascript » charset= »utf-8″></script>
<script type= »text/javascript » charset= »utf-8″>
getTwitters(‘tweet’, {
id: ‘31559393′,
count: 3,
enableLinks: true,
ignoreReplies: true,
clearContents: true,
template: ‘ »%text% » <a href= »http://twitter.com/%user_screen_name%/statuses/%id%/ »>%time%</a>’
});
</script
La première ligne « twitter-1.12.2.js » correspond au nom du fichier JS que vous avez uploadé à l’étape 1. Modifiez-le en fonction du nom de votre fichier. Le numéro après « id » à la ligne 4 correspond à votre ID Twitter. Vous pouvez le récupérer en vous rendant sur votre profil Twitter et en cliquant sur votre flux RSS. Le dernier numéro correspond à votre ID Twitter. La ligne suivante, « count« , correspond au nombre de Tweets que vous souhaitez afficher sur votre blog ou site internet.
Petite précision : si vous êtes comme moi sous Wordpress, les balises <head> se situent dans le fichier header.php présent dans le dossier de votre thème Wordpress.
La dernière étape pour afficher vos Tweets consiste à insérer le petit bout de code HTML qui va permettre l’affichage de tout ça. Il suffit de copier le code ci-dessous où vous souhaitez sur votre site internet pour le lier définitivement à Twitter.
<div id= »tweet »>
<p>Merci de patienter pendant le chargement de mes tweets <img src= »/images/indicator.gif » /></p>
<p><a href= »http://twitter.com/Keegfr »>Si les tweets ne se chargent pas, tu peux me suivre directement sur Twitter</a></p>
</div>
Vous pouvez modifier ce texte comme vous le désirez et c’est terminé, vos Tweets Twitter sont maintenant sur votre blog !
Si vous souhaitez un peu personnaliser du côté du CSS, voilà comment ça marche :
<span class= »twitterPrefix »></span>
Correspond à votre pseudo Twitter.
<span class= »twitterStatus »></span>
Correspond au texte + lien Twitter.
<span class= »twitterTime »></span>
Correspond à la date du tweet.
Enjoy 
Articles sur le même thème :
- 10 raisons de ne pas envoyer des Tweets automatiques
- Des comptes Twitter désactivés : ver Koobface
- 40 boutons Twitter pour votre blog
- Les partenariats blog à blog sont-ils utiles ?
- Wordpress : Afficher des publicités en fonction des visiteurs
Partagez l'article !
26 août 2009 à 19 h 50 min
Super c’est ce que je cherchais, je vais tester ça tout de suite !
7 septembre 2009 à 18 h 23 min
Très utile en effet. Cela permet du coup d’augmenter le nombre de backlinks vers les tweets et donc ainsi de participer à leurs référencement. Comme les réseaux sociaux comme Twitter sont importants sur le plan marketing ce script ne sera que bénéfique !
20 septembre 2009 à 16 h 52 min
Très utile, merci bien.
2 octobre 2009 à 18 h 53 min
[...] Cliquez directement sur le titre pour accéder à la source sur internet Créer un module sur son site pour afficher ses derniers tweets [...]
22 mai 2010 à 15 h 22 min
Super utile, mais le code n’est pas valide W3C, à cause du lien qui ne peut être placé entre les balises
26 mai 2010 à 18 h 36 min
Ah ça c’est un post intéressant qui va m’être utile. C’est très tendance de poster ses tweets sur son blog et en plus cela a du sens. De bonnes infos pour les utilisateurs et du jus pour pour les tweets.
14 juillet 2010 à 0 h 33 min
Le meilleur jus de tout les temps c’est bien le jus de PR
18 septembre 2010 à 17 h 17 min
[...] Afficher ses tweets sur son site permet d’augmenter le nombre de backlinks vers les tweets et donc ainsi de participer à leur référencement. Créer un module sur son site pour afficher ses derniers tweets [...]
23 septembre 2010 à 11 h 30 min
Merci pour l’article c’était trés intéressant.
11 octobre 2010 à 17 h 47 min
merci pour l’article.
connaissez vous l’équivalent pour faire la même chose avec facebook et les dernières news publiés ??
25 janvier 2011 à 16 h 28 min
Super, je mets ça en application dès que possible !
Merci !
16 avril 2011 à 23 h 46 min
Merci pour le code, vraiment très utile
Par contre si on veut afficher la date du tweet, on le place où le span ?