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
Não está funcionando.
Opa, agora está funcionando sim! Tinha cometido um errinho =P Perdoem-me.
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 ^^
@Clau,
claro! Nem precisa perguntar. ;D
awesome…thanks for widget
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!
Ótemo!!!
Já ultilizo alguns scripts teus (mas hospedo no meu host) e o contador do facebook era só oque faltava! Valeuuu!
Como é que faço download do script para ficar no meu servidor?
Obrigado,
Diogo
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
@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).
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!
Perfeito , você teria um do google +???
grande abraço
Não tem, pois o Google Plus não tem uma API que fornece esse conteúdo. =[
abraços
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?
Não tem nada a ver o número de fãs. Alguma coisa você fez de errado. Copiou o número do ID corretamente?
Abraços.
existe a possibilidade de fazer download do script pra hospedar no meu servidor?
VLW
Não tem como Thiago.
Abraços.
Muito bom cara sua explicação! Estou sem palavras! Me ajudou muitoooooo!
Paulo,
Não está dando certo…já modifiquei várias vezes e não identifico o erro.
poderia me ajudar ?