Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1508200140
Vida do cache: 1508243340
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Hospedagem - 728 x 90

Contador Facebook Widgets

Contador de fãs no Facebook em forma de texto para blogs e sites

Fazer uma página de fãs para seu blog no Facebook é comum nos dias de hoje, principalmente pra quem busca realmente formas de divulgação gratuitas.
O legal das páginas de fãs é que podemos ver quem gosta e aprova nosso blog e depois comparar com outros websites. E é por isso que usando um código que o próprio Facebook desenvolveu, criei um mecanismo que mostra o número de pessoas que aprovam e recomendam seu trabalho, podendo ser usado em qualquer plataforma (Blogger, WordPress, etc) ou sites.

O contador funciona mais ou menos como o contador de assinantes Feed e seguidores do Twitter que desenvolvi alguns meses atrás. Ele pega o valor da quantidade fãs e joga na tela em forma de texto, podendo modificar sua aparência da forma que você quiser… É só abusar da criatividade.

Exemplo:

Aprenda como fazer:
1 – Antes de tudo crie seu perfil no Facebook, depois uma página de fãs. (Siga o tutorial: Como criar uma página de fãs no Facebook por Dicas Blogger)

2 – Copie o código abaixo e cole onde você quiser usar o contador dentro do seu blog/site:

<script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=ID_DO_PERFIL"></script>

3 – Acesse sua página de fãs no Facebook e clique sobre a imagem do perfil (caso a ID ainda não esteja aparecendo na barra de endereços), dessa forma será mostrado a id da página na barra de endereços. Veja o exemplo:

Link: http://www.facebook.com/pages/Codigos-Blog/157140557643201
Encontrando a ID:

ID: 157140557643201

4 – Copie a ID da sua página e coloque no lugar de ID_DO_PERFIL no código fornecido acima.
Exemplo Códigos Blog:

  • Antes: <script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=ID_DO_PERFIL"></script>
  • Depois: <script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=157140557643201"></script>

5 – Salve e Pronto!
O código vai mostrar apenas o número. Então agora escreva o que quiser depois, coloque imagens, jogue alguma cor, etc.

Alguns widgets prontos:

1)

Código:

<a style="text-decoration:none; padding: 0 0 0 20px; background: url(http://codigosblog.net/servidor/contadorfacebook/facebook_mini.png) no-repeat left center;" href="LINK_PERFIL_FACEBOOK" target="_blank" title="Faça parte você também!"><script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=ID_DO_PERFIL"></script> Fãs no Facebook</a>

2)

Código:

<div style="padding: 0; margin: 0;">
<img src="http://codigosblog.net/servidor/contadorfacebook/facebook_medio.png" style="padding: 0 7px 0 0; float: left; border: 0;"/>
<a style="text-decoration:none;" href="LINK_PERFIL_FACEBOOK" target="_blank" title="Faça parte você também!"><script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=ID_DO_PERFIL"></script>
Fãs no Facebook</a><br/><a style="text-decoration:none; font-size:small;" href="LINK_PERFIL_FACEBOOK" target="_blank" title="Faça parte você também!">participe você também</a>
</div>

3)

Código:

<div style="padding: 0; margin: 0; text-align: center;">
<img src="http://codigosblog.net/servidor/contadorfacebook/facebook_big.png" style="padding: 0 0 3px 0; border: 0;"/><br/>
<a style="text-decoration:none;" href="LINK_PERFIL_FACEBOOK" target="_blank" title="Faça parte você também!"><script type="text/javascript" src="http://codigosblog.net/servidor/contadorfacebook/facebook.php?id=ID_DO_PERFIL"></script> Fãs</a>
</div>

  • Substitua LINK_PERFIL_FACEBOOK pelo link da sua página de fãs no Facebook

Seja fã da nossa página no Facebook! (Página nova! Não repare na organização por enquanto! =P)

Aproveite!
Abraços



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

20 Comentários

  1. Raphael disse:

    Não está funcionando.

  2. Raphael disse:

    Opa, agora está funcionando sim! Tinha cometido um errinho =P Perdoem-me.

  3. .:: Clau ::. disse:

    Menino tu é um gênio!rs
    Eu vou usar…\o
    Me autoriza a usar este contador e publicar lá no MB? Queria implementá-lo num widget que eu já publiquei: http://www.mundoblogger.com.br/2010/04/script-contador-twitterfeedpostscomenta.html
    Se vc autorizar, é claro =P
    Abraços ^^

  4. Paulo Estevão disse:

    @Clau,
    claro! Nem precisa perguntar. ;D

  5. Beben disse:

    awesome…thanks for widget

  6. David Sanvi disse:

    Há um pequeno erro importante na postagem,
    O ID não é do profile,é o número da página após o nome.
    exemplo: http://www.facebook.com/pages/Essencia-em-Raiz/164973950194158

    então o numero ID a se por é "164973950194158"

    pelo menos foi assim que pegou aqui =)

    Abraços e Obrigado pela dica!

  7. Gizaa Veiga disse:

    Ótemo!!!

    Já ultilizo alguns scripts teus (mas hospedo no meu host) e o contador do facebook era só oque faltava! Valeuuu!

  8. diogo disse:

    Como é que faço download do script para ficar no meu servidor?

    Obrigado,
    Diogo

  9. Thais disse:

    Paulo, eu tenho um site com várias páginas e quero coloca-las com botoes de Orkut, Facebook, Twitter, email, e ao lado desses as estatistica de cliques nesses botoes.
    Tem como fazer isso para inúmeras páginas (milhares) de forma automatizada ? Como faço a estatística ?
    Sabe se tem como resolver isso de forma automatizada ? Sem programação individual ?
    Att

  10. Paulo Estevão disse:

    @Thais,
    Dá pra fazer sim, mas envolvi programação (códigos). Já fiz para o Twitter, Feed e Facebook, mas infelizmente tive que tirar quase tudo do ar por falta de um servidor potente que aguente tantas visitas (usuários).

  11. Adelson Smania disse:

    Olá, Paulo!

    Fui procurar no Google um código para contadores de Facebook e ele me trouxe diretamente ao Códigos Blog! Ótimo sinal isso. Eu precisava desse código para atualizar o meu gadget de contadores, que fiz com base em um modelo anterior que você havia publicado aqui.

    Novamente, fiquei fascinado com a simplicidade e eficiência do seu trabalho! Funcionou perfeitamente. Agora, é só realizar os ajustes e publicar.

    Um abraço e obrigado por compartilhar conosco!

  12. jaques luminárias em pvc disse:

    Perfeito , você teria um do google +???

    grande abraço

  13. Paulo Estevão disse:

    Não tem, pois o Google Plus não tem uma API que fornece esse conteúdo. =[

    abraços

  14. Luiz Carlos disse:

    sou dono dessa pagina; https://www.facebook.com/AgoraaporraficouseriaOficial , será que por ser muito grande o numero de “fãs” não estou conseguindo por o Contador?

  15. thiagotasca disse:

    existe a possibilidade de fazer download do script pra hospedar no meu servidor?

    VLW

  16. Leonardo Souza disse:

    Muito bom cara sua explicação! Estou sem palavras! Me ajudou muitoooooo!

  17. Leandro disse:

    Paulo,

    Não está dando certo…já modifiquei várias vezes e não identifico o erro.
    poderia me ajudar ?

Para enviar seu comentário, preencha os campos abaixo:

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.