É inegável que, atualmente, o Twitter é um dos serviços mais amplamente usados na internet. Seja através do próprio site, seja através de utilizações de sua API ou o uso de mashups, usar o twitter, atualizar ou ler as mensagens de seus amigos através do microblog é algo feito por milhões e milhões de pessoas no mundo inteiro.
Pode ser útil incluir em um web site as últimas mensagens do twitter, seja este o caso de um web site pessoal ou alguma corporação que queira deixar sempre um conteúdo recente e à mostra para todos seus visitantes. Seja qual for o caso, é possível, de maneira bastante fácil, incluir em seu site suas últimas mensagens do twitter com o jQuery Plugin for Twitter (nome bastante sugestivo, hã?).
Usando o jQuery Plugin for Twitter
Primeiramente, visite a página oficial do jQuery Plugin for Twitter [4] e faça download do plugin [5]. Dentro do arquivo compactado, virão alguns arquivos com exemplo, CSS, etc, mas, o que realmente importa, é o jquery.twitter.js. De qualquer maneira, para fins de testes, os demais arquivos também são importantes.
Para usar o jQuery Plugin for Twitter, primeiramente faça a chamada ao jQuery e ao arquivo do plugin no cabeçalho de sua página (se quiser, insira também o arquivo css que vem no pacote para ter uma estilização básica):
<link rel="stylesheet" type="text/css" href="jquery.twitter.css" />
<script type="text/javascript" src="http://jqueryjs.googlecode.com/files/jquery-1.3.2.min.js"></script>
<script type="text/javascript" src="jquery.litebox.min.js"></script>
Depois disso, escolha uma div qualquer em seu HTML para ser o “container” do jQuery Plugin for Twitter e inicie:
$(document).ready(function() {
$("#twitter").getTwitter({
userName: "tarciozemel",
numTweets: 3
});
});
Pronto! Carregue sua página em algum navegador para testar.
Opções do jQuery Plugin for Twitter
As opções do jQuery Plugin for Twitter são as seguintes:
- userName. Username de quem os tweets serão mostrados (string).
- numTweets. Número de tweets a serem mostrados (int).
- loaderText. Texto que aparece enquanto os tweets estão carregando (string).
- slideIn. Se, quando os tweets carregarem, acontecerá o efeito slide (bool).
- slideDuration. Duração do efeito slide (ms).
- showHeading. Se um cabeçalho será exibido (true).
- headingText. O texto do cabeçalho a ser exibido (string).
- showProfileLink. Se o link para o profile será exibido (bool).
- showTimestamp. Se o timestamp dos tweets será exibido (bool).
Segundo estas opções, se fosse preciso exibir os últimos 5 tweets do profile “testprofile”, sem o efeito de slide, sem cabeçalho e sem timestamp, teríamos o seguinte código:
$(document).ready(function() {
$("#twitter").getTwitter({
userName: "testprofile",
numTweets: 5,
slideIn: false,
showHeading: false,
showTimestamp: false
});
});
Conclusões sobre o jQuery Plugin for Twitter
Como pôde ser visto, o jQuery Plugin for Twitter é bastante simples de usar e cumpre bem o papel a que se propõe – contando, ainda, com algumas opções extra bem interessantes.
Se a necessidade é exibir os últimos tweets de sua empresa, de seu profile pessoal ou alguma outro profile do twitter que se queira, certamente usar o jQuery Plugin for Twitter é uma boa opção!
