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