Adicione Os Seus Tweets Ao Site Com jQuery

É 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 e faça download do plugin. 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):

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!