Botão com Contador para Redes Sociais

O site AddThis agora tem botões com contadores seguindo o estilo botão retweet, fizemos um teste parece uma novidade bem interessante, o contador mostra quantas vezes cada uma de suas paginas foi envia para o Twitter, Facebook, Orkut ou qualquer outra rede social incluída na lista de divulgação que esse botão mostra.

O código dele é bem simples de colocar no blog e fazendo um cadastro no site AddThis você ainda poderá ver uma analise (estatísticas) e saber para quais redes sociais ou agregadores de conteúdo seu blog foi enviado utilizando o botão AddThis.

contador redes sociais
Botão Vertical
<a class="addthis_counter"></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=YOUR-ACCOUNT-ID"></script>

Botão Horizontal
<a class="addthis_counter addthis_pill_style"></a>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#username=YOUR-ACCOUNT-ID"></script>

Nos dois casos é necessário criar um cadastro no site e trocar o trecho pelo seu nome de usuario, assim poderá acompanhar as estatísticas, agora veja onde colocar os códigos:

Como poderá ver no link do site que citamos acima, eles recomendam que a parte do <script…. Seja colocado antes da tag </body> e a primeira linha <a class... no local onde queremos que o botão apareça, isso é útil para mostrar o botão somente nas paginas de postagens, então colocamos o código <a class... depois de post.body isso na pagina editar html (clique para expandir o modelo). Veja mais detalhado como mostrar somente nas paginas individuais das postagens do seu blog.

Se quiser colocar o código em um gadget para aparecer o botão de compartilhamento em todas suas paginas (inclusive na inicial) pode colocar o código completo num gadget de html/javascript, testamos assim e funcionou perfeitamente.

8 comentários :

  1. fiquei curiosa pra testar no meu blog tb, tomará que me ajuda na divulgação

    ResponderExcluir
  2. Olá gostaria de saber como faço para ampliar meus seguidores ?
    Agradeço o espaço Vivian

    ResponderExcluir
  3. Sempre Bela
    sua pergunta me deixou na duvida se quer alterar o tamanho do gadget ou conseguir mais seguidores...

    a parte mais fácil é editar e modificar o gadget que mostra os seguidores, então veja aqui: Gadgets do Google Friend Connect


    sobre conseguir mais seguidores para seu blog isso pode levar algum tempo, mas os pontos principais são: ter um conteudo de qualidade e interessante, você pode seguir outros blogs, mostrar o gadget dos seguidores também ajuda, enfim aos poucos você encontrará qual a melhor maneira de divulgar seu blog.

    ResponderExcluir
  4. Não gosto muito desses botões que mostram quantas vezes tal artigo foi divulgado, para mim esses botões só deixam o blog mais pesado.

    Um otimo artigo.. parabéns!

    Att.
    @JamisHenri

    ResponderExcluir
  5. Fabiano, primeiramente obrigado por responder minha pergunta, há algumas semanas, sobre o Google Adsense.

    Tenho uma nova dúvida:
    A grande parte das visitas do meu blog vem através do Google Imagens. Então eu queria saber se tem alguma maneira de, quando as pessoas clicarem na imagem do meu blog através do Google Imagens, aparecer todo o blog, ao invés de aparecer apenas a imagem.

    E outra dúvida:
    Como eu faço para que o meu blog tenha um recurso igual a esse outro blog http://dontskip.com/, em que aparece (no início da página) um pequeno trecho de algumas postagens com a mensagem ''leia mais''.

    ResponderExcluir
  6. veja aqui sobre Mostrar resumo da postagem

    os resultados das imagens do google são gerados pelo site, não tem como controlar o modo que o google mostra.

    ResponderExcluir
  7. GOSTEI MUITO DA POSTAGEM ACIMA, MUITO LEGAL E INTERESSANTE AGORA PERCEBI QUE ESTE CODIGO ELE COMPARTILHA O MEU SITE, MAS SE EU QUISESSE COMPARTILHAR OUTROS SITES ? COMO EU EU DIRECIONO ISTO ? EXEMPLO ESTOU NO SITE EXEMPLO CARRO. MAS DENTRO DO SITE CARRO QUERO USAR ESTE CODIGO DE COMPARTILHAMENTO MAS QUANDO A PESSOA CLICAR EM COMPARTILHAMENTO

    ResponderExcluir
  8. com o addthis é possivel escolher a url que ele vai compartilhar... o código fica assim

    < a class="addthis_button" addthis:url="http://example.com" addthis:title="An excellent website" >< /a >


    veja mais detalhes aqui (pagina em inglês):
    support.addthis.com/customer/portal/articles/381263-addthis-client-api

    ResponderExcluir