Como integrar o Twitter no seu site com @Anywhere

Recentemente o Twitter desenvolveu a @Anywhere, uma ferramenta que facilita a integração de funcionalidades do Twitter em sites de terceiros.

As funcionalidades disponíveis são:


  • Auto-link em nomes de usuários do Twitter

  • Hovercard

  • Botão de seguir

  • Caixa de tweet

  • Login de usuário

Para adicionar esses elementos do Twitter no seu site, siga com atenção as próximas linhas.

O primeiro passo é abrir o cadastro para sites/aplicativos do Twitter. Nessa página preencha o campo "Callback URL" com um endereço que seja do mesmo domínio e sub-domínio que seu site. Além disso, marque a opção "Read & Write" no tipo de acesso, assim seus visitantes também poderão seguir profiles do Twitter e tweetarem.

Com a aplicação criada vamos entender ao código. Comece adicionando a seguinte tag dentro do HEAD do HTML, substituindo YOUR_API_KEY pela "Consumer key" que foi criada no passo anterior:

<script src="http://platform.twitter.com/anywhere.js?id=YOUR_API_KEY&v=1" 
type="text/javascript"></script>

Auto-link em nomes de usuários do Twitter

A Anywhere linka automaticamente nomes de usuários achados na sua página para a página do profile no ...

About Me