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.
Como adicionar junto com os botões do AddThis?
@KauanSilva:disqus , basta você pegar o código direto do site do AddThis. O botão do twitter já vem embutido lá.
Mais eu quero que o link fique encurtado anjo entende?
Se você só usar o botão do twitter, o twitter encurta automaticamente. O addthis também faz isso se você configurar o bit.ly ou outro encurtador. Veja um exemplo usando o bitly:
http://www.addthis.com/forum/viewtopic.php?f=6&t=34811