Quer Mais Retweets? Use o Botão Oficial de Tweet

Há pouco mais de um mês, eu recomendei o uso do plugin WordPress TweetMeme para obter mais retweets em suas postagens.

Há alguns dias, o Twitter anunciou seu próprio botão para retweets. Vários métodos para integrar o botão oficial do Tweet em seus sites WordPress já surgiram.

Plugins WordPress

O primeiro plugin WordPress de botão do Twitter que encontrei foi do Blogsessive.

Como você pode ver na captura de tela acima, as opções integram todas as opções que você esperaria de um plugin de botão do Twitter para WordPress, sem recursos supérfluos. Você pode baixá-lo do post vinculado acima.

Depois disso, alguns outros apareceram no diretório de plugins do WordPress.org:

• Botão do Twitter por Svilen Popov
• TweetButton por David R. Davis, Jr.

O Método Manual

O Twitter forneceu várias maneiras de incluir o botão Tweet em suas próprias páginas. A opção mais direta é através deste formulário personalizável onde você pode definir o tipo de botão, um URL personalizado, o texto do tweet, o idioma e os usuários recomendados do Twitter.

Vamos dar uma olhada no código que é produzido depois que eu insiro alguns valores de exemplo.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="http://example.com/permalink-url/"
data-text="Title of page goes here"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Vamos analisar linha por linha.

• Primeira Linha: Basicamente, apenas abre o link e adiciona uma classe CSS.
• Segunda linha: data-url é usado para inserir um link, provavelmente o permalink da sua postagem.
• Terceira linha: data-text é usado para o texto do tweet, provavelmente o título da sua postagem.
• Quarta linha: data-count é usado para definir qual tipo de botão: vertical, horizontal ou nenhum
• Quinta linha: data-via é usado na menção @ no tweet, provavelmente sua própria conta do Twitter.
• Sexta linha: data-related permite que você defina outra conta do Twitter com uma descrição personalizada.
• Última linha: Basicamente, apenas fecha o link e adiciona uma linha obrigatória de javascript.

Eu recomendaria brincar com o gerador de código de botões para ter uma melhor noção de todas as diferentes opções.

Inserindo no WordPress

Vamos revisitar o código acima e inserir algumas tags de modelo dinâmicas do WordPress para o permalink e o título.

<a href="http://twitter.com/share" class="twitter-share-button"
data-url="<?php the_permalink(); ?>"
data-text="<?php the_title_attribute(); ?>"
data-count="vertical"
data-via="themelab"
data-related="lelandf:My personal account">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script>

Este código pode ser inserido em praticamente qualquer arquivo de modelo que você desejar, incluindo index.php para o índice principal, single.php para postagens individuais do blog, page.php para páginas estáticas e mais.

Para fins de estilo, você provavelmente vai querer colocar o código acima de <?php the_content(); ?> e usar algo como o seguinte código CSS para estilizar.

.twitter-share-button { float: right; margin-left: 10px; display: inline-block; }

Uso Mais Avançado

Para um uso mais avançado do botão do Twitter, dê uma olhada nesta página no site de desenvolvedores do Twitter. O Twitter permite que você "crie seu próprio botão Tweet" (veja a parte inferior da página), o que o torna muito mais personalizável do que o botão TweetMeme.

Conclusão

Para mais informações sobre o botão de tweet, há um bom artigo intitulado 7 Razões para Não Usar o Novo Botão de Tweet por Andy Beard. Nos comentários, um desenvolvedor do Twitter responde às razões.

Você também notará que eu mesmo não mudei para o botão oficial do Twitter e ainda estou usando o botão TweetMeme. O motivo pelo qual não mudei é porque ainda não vejo nenhuma necessidade urgente de mudar para a versão oficial, o TweetMeme ainda funciona bem.

Se você notou no Twitter, eu tenho tweetado muito sobre o botão de tweet. Depois de tweetar o link para esta postagem sobre obter mais retweets com o botão oficial de tweet do Twitter, provavelmente será meu último tweet sobre o assunto do tweet.