Chirp.js, afficher et contrôler les tweets sur un site


Chirp.js est un script JS qui permet d’afficher les tweets d’un utilisateur sur un site. Il propose un certains nombre d’options intéressantes pour contrôler et personnaliser cet affichage.

L’utilisation est très simple; il suffit d’inclure le script dans vos page et de l’initialiser:

<script src="path/to/chirp.min.js"></script>
<script>Chirp('yourusername')</script>

Si vous souhaitez afficher les tweets de plusieurs personnes, il suffit de créer une liste sur Twitter et de l’utiliser :

<script src="path/to/chirp.min.js"></script>
<script>Chirp('yourusername/yourlistname')</script>

Vous pouvez également contrôler l’affichage avec encore plus d’options, comme la possibilité d’afficher/cacher les RT et les réponses :

<script src="path/to/chirp.min.js"></script>
<script>Chirp({
  user: 'lionelroux', //Twitter username
  max: 3, //Maximum number of tweets to show 
  count: 100, //Total tweets to retrieve
  retweets: true, //Show/Don't show retweets
  replies: false,  //Show/Don't show replies
  cacheExpire: 1000 * 60 * 2 //Number of milliseconds to cache tweets
})</script>

Mais le plus intéressant reste sans doute la possibilité de créer une modèle de tweet (un template) que vous personnalisez avec des variables prédéfinies :

<li><a href="http://twitter.com/{{user.screen_name}}" title="{{user.name}} — {{user.description}}"><img src="{{user.profile_image_url}}"></a> {{html}}<span class="meta"><time><a href="http://twitter.com/{{user.screen_name}}/statuses/{{id_str}}">{{time_ago}}</a></time> — via <a href="http://twitter.com/{{user.screen_name}}" title="{{user.name}} — {{user.description}}">{{user.name}}</a></span></li>

 
Un très bon script qui permet d’afficher rapidement des tweets sur une site.

Téléchargez Chirp.js