Como usar o novo botão do Twitter

O novo botão do twitter nem é tão novo assim, já existe há algumas semanas. Mas alguns sites e scripts ainda estão utilizando a versão manual de atualização do status. E, afinal, o que há de novo neste botão?

  • Uso automático encurtador de URL;
  • Abre como pop-up, ou seja, não tira o usuário do seu site;
  • É possível personalizar o botão.

Formas de uso

É possível usar os parâmetros (propriedades) em todos os métodos abaixo.

Javascript – Padrão

O jeito mais fácil de adicionar o botão  ao seu site, basta colocar o código abaixo onde você deseja que o botão apareça:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> <a href="http://twitter.com/share">Tweet</a> 

Iframe

No caso de você querer usar quadros:

<iframe allowtransparency="true" frameborder="0" scrolling="no" src="http://platform.twitter.com/widgets/tweet_button.html" style="width:130px; height:50px;"></iframe> 

Seu próprio botão

Você pode a imagem que você quiser, basta usar o link:

<a href="http://twitter.com/share">Tweet</a> 

Propriedades

Adicionando alguns atributos à url, você dá alguma funcionalidade extra ao botão:

  • url – Endereço a ser compartilhado;
  • via – Perfil do twitter atribuído ao tweet
  • text – texto da mensagem;
  • related – Contas relacionadas à mensagem;
  • lang – Idioma do botão;
  • counturl – Url real do endereço (versão não-encurtada).

Exemplo:

<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script> <div> <a href="http://twitter.com/share" data-url="http://dev.twitter.com/pages/tweet_button" data-via="twitterapi" data-text="Checking out this page about Tweet Buttons" data-related="anywhere:The Javascript API" data-count="vertical">Tweet</a> </div> 

O botão é muito fácil de usar para o leitor, facilitando a divulgação do seu post ou página. E também automaticamente conta os retweets que o seu texto ganhou.

4 comentários em “Como usar o novo botão do Twitter”

Deixe um comentário para KauanSilva Cancelar resposta