Carregar botão Like do Facebook via Ajax
Postado por: Pedro Rogério em
Em um post anterior mostrei aqui como carregar o botão de Retweet do Twitter via Ajax, uma solução para aplicações onde o conteúdo é carregado via Ajax, ou, por outro lado, uma ótima solução por questões de performance.
Nesse post, seguindo a mesma idéia da solução anterior, vamos carregar aquele botão de Like e Send do Facebook via Ajax. O código JavaScript fica da seguinte forma (O código depende do jQuery para funcionar):
Bastando agora então no seu HTML, adicionar o botão do Facebook:
<div class="facebook" data-url="url-aqui"></div>
Vejam agora o exemplo. Como podem ver, o botão só é “renderizado” após o carregamento total da página.
Sobre Pedro Rogério
Pedro Rogério é desenvolvedor web por paixão, não saberia fazer melhor outra coisa. Além de escrever para o Pinceladas da Web também escreve para o CSS no Lanche, blog voltado ao desenvolvimento front-end.
[...] ensinei por aqui como carregar o botão de like do Facebook via Ajax e também o botão de Retweet, dessa vez vou ensinar como também é possível carregar o botão do [...]
O código do Ajax, eu coloco direto no Html?? Desde já obrigado pela ajuda. =)
Pode colocar, mas prefira colocar em um arquivo externo!
Vlw a ajuda Pedro. Agora teria como alterar para português?? pois está aparecendo “Be the first of your friends to like this.”
Ainda não sei, mas estou procurando uma solução para isso.
tenta trocar en_US NA URL POR pt_BR
Eu tentei fazer isso mas náo adiantou, pelo menos qui continuou aparecendo e inglês mesmo.
Olá Pedro,
Cara gostaria de saber como você fez esses seus botões ( like, google+, tweet… ), tu poderia criar um post com isso tb =D.
Abraço.
Achei uma maneira mais simples. Apenas invocando o método parse após o load:
FB.XFBML.parse();
Fonte:
http://www.godlikemouse.com/2011/03/07/ajax-and-facebook-like-buttons/
Encontrei o site acima, na mesma busca que me fez parar aqui.
Att.