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):

<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!

Be Sociable, Share!

•