O Twitter tem vindo ao longo do tempo a aumentar o nível de funcionalidades da sua plataforma. Tudo começou com o botão oficial do Twitter para partilhar os artigos com amigos e conhecidos, depois com a plataforma anywhere do Twitter, e mais recentemente com o botão follow oficial do Twitter. Mas o que é e para que serve o botão Twitter Follow? Qual é a diferença entre o botão Twitter follow e o botão de partilha do Twitter? Neste artigo explicamos-lhe passo-a-passo quais as diferenças.

O QUE É O BOTÃO TWITTER FOLLOW?

O botão Twitter follow é um pequeno widget que permite aos usuários do seu site ou blog seguir o seu perfil facilmente (ou qualquer conta do Twitter). O novo botão Twitter Follow faz uso de um procedimento bastante idêntico ao botão de partilha de conteúdos, e é igualmente extremamente simples de implementar em seu blog. Quando você vê o botão Twitter Follow num site, se você clicar, você irá ver uma janela com toda a informação sobre esse perfil do Twitter. Veja:

Se estiver pensando qual o formato do botão Twitter Follow, colocámos em baixo o botão para que você possa experimentar por si mesmo e já agora começar a seguir-nos no Twitter e a acompanhar as novidades todas do WordPress a partir do nosso perfil. Veja:


COMO ADICIONAR O BOTÃO FOLLOW EM SEU BLOG

Você pode ir na página do botão Follow e gerar um código para o seu perfil no Twitter. Ou se desejar poderá copiar o seguinte código:

<a href="http://twitter.com/escolawordpress" class="twitter-follow-button" data-lang="pt">Follow @escolawordpress</a>
<script src="http://platform.twitter.com/widgets.js" type="text/javascript"></script>

Não se esqueça de alterar o URL e o username pelo seu username no Twitter.

Se você estiver a usar o botão oficial do Twitter para partilhar os conteúdos do seu blog, então você não terá de colar o código completo, mas apenas esta parte:

<a href="http://twitter.com/escolawordpress" class="twitter-follow-button" data-lang="pt">Follow @escolawordpress</a>

Agora poderá copiar e colar o código em qualquer lugar do seu blog. A grande maioria dos usuários coloca o código no ficheiro sidebar.php do seu template. No entanto, se você não se sentir confortável para editar ficheiros PHP do seu template wordpress, poderá colocar o código num widget. A grande maioria dos templates para wordpress incluem barras laterais com suporte a widgets. Para o fazer, vá no seu painel de controlo do WordPress, clique em Aparência > Widgets. Seleccione um widget de Texto/HTML e cole o seu código dentro dele. Veja:

Não é necessário você instalar um plugin em seu blog WordPress para realizar esta tarefa tão simples. Sempre que possível evite usar plugins para coisas tão simples quanto usar um botão deste género na barra lateral do seu blog, uma vez que os plugins consomem imensos recursos em seu servidor de hospedagem.

CUSTOMIZAÇÃO AVANÇADA

Esta seção é mais direccionada a designers ou desenvolvedores que pretendem customizar o botão Follow para que o mesmo se enquadre mais corretamente com o template que estão desenhando. O mesmo acontece com blogueiros e webmasters que pretendem tornar os seus blogs mais atrativos. O Twitter permite-lhe customizar a cor do seu botão, a cor do texto, a cor do link, a língua do botão, widget, alinhamento, etc.

Variáveis do JavaScript que você está usando:

  • data-show-count (true ou false)
  • data-button (blue ou grey)
  • data-text-color (código hex)
  • data-link-color (código hex)
  • data-lang (en, fr, de, es, pt)
  • data-width – (300px)
  • data-align – (right)

Se você pretender especificar customização no seu botão, o código final ficaria algo do género:

<a href="http://twitter.com/escolawordpress" class="twitter-follow-button" data-button="grey" data-text-color="#FFFFFF" data-link-color="#ffa24f" data-show-count="true">Follow @escolawordpress</a>

Até Já!