O Facebook é a rede social com mais sucesso, contando com mais de 750 milhões de utilizadores. Temos vindo a ensinar como integrar o Facebook no teu site (caixa de fãs, botão de ‘like’, envio de posts para o facebook) por isso hoje vamos aprender como integrar uma caixa de comentários do Facebook (Facebook comments box) que nos avisa quando alguém comenta.
Esta técnica tanto pode ser usada para colocar os comentários num artigo, como para criar um livro de visitas de um site, entre outros. Passemos então à prática!

Vamos começar por instalar o Facebook SDK no teu site. Isto permite integrar uma série de plugins sociais.
Para tal, criar uma aplicação Facebook, dando-lhe o nome / URL do teu site:

Na página que aparece, copiar a ‘Identificação da aplicação’ (API Key) (guardá-la no Notepad por ex.):

Edita o código do teu site. Onde tens a tag ‘html’ (logo no início), deverás adicionar dois novos atributos:
<html xmlns:fb="http://www.facebook.com/2008/fbml"
xmlns:og="http://opengraphprotocol.org/schema/">
Isto completa a instalação do SDK do Facebook Developers.
Vamos agora incorporar a caixa de comentários no lugar pretendido. Vamos substituir ID_DA_APLICAÇÃO pelo código guardado no 2º passo no seguinte excerto:
<div id="fb-root"></div>
<fb:comments xid="ID_DA_APLICAÇÃO" numposts="30" width="600" publish_feed="true"></fb:comments>
<script>
window.fbAsyncInit = function() {
FB.init({appId: 'ID_DA_APLICAÇÃO', status: true, cookie: true,
xfbml: true});
};
(function() {
var e = document.createElement('script'); e.async = true;
e.src = document.location.protocol +
'//connect.facebook.net/pt_PT/all.js';
document.getElementById('fb-root').appendChild(e);
}());
</script>
Onde temos pt_PT poderíamos ter pt_BR.
<fb:comments expr:title='data:post.title' expr:url='data:post.url' expr:xid='data:post.id' numposts='30' publish_feed='true' width='600'/>
<b:if cond='data:blog.pageType == "item"'> <!-- cole o código da sua caixa aqui --> </b:if>
Voltar à edição do site e colar o código do passo anterior no lugar onde pretendemos que a caixa de comentários apareça.
Por exemplo, caso estejas a usar o Blogger:
Agora que tens este novo sistema de comentários podes querer desligar o clássico. No caso do Blogspot, isso é feito via “Definições > Comentários > Ocultar > Guardar Definições”.
Por fim, para seres avisado de cada vez que alguém coloca um comentário, deves:
head) colocar o seguinte código (fazer backup antes):
<meta property="fb:admins" content="TEU ID DO FACEBOOK" /> <meta property="fb:app_id" content="ID APP (ver 2º Passo)" />
E pronto! É só isto! Para veres e testares o resultado final olha um pouco para baixo.
O maistutoriais espera que te tenha sido útil! Para mais informações usa os comentários abaixo ou contacta-nos.
Uma bela de uma BOSTA!
vlw intereçante gostei
to ficando pirado, todo mundo acerta,e eu nada!
Gostei ajudou muito!
Valeu! Muito obrigado mesmo. Eu tentava fazer com outros sites, e sempre dava pau no meu blog. Esse deu certinho. Obrigado mesmo.
O meu deu isso ~> O plugin de comentários requer um parâmetro href.
oq faço???
aconteceu a mesma coisa comigo, esse tal de parâmetro Href, colocar no wordpress ou blogger é sossegado, o problema é transpor pra um site, aí esse tutorial não serve de nada…
o meu está repetindo os mesmos comentários em todas as postagens oq faço?
Gostei deste post.
Òtimo post! parabens!
Mais quando eu criei a pág. no face, não apareceu nada de identificação da pág… Por favor me ajude!!!!!!!!!!
preciso de auxilio. Estamos colocando a box de comentários em nossa loja virtual. A box ficará em todas as páginas dos produtos, para quando um cliente tiver uma dúvida ou desejar fazer um comentário, seja feito por lá (da mesma forma que os sites de reportagens fazem. Em todas as matérias tem uma box pras pessoas comentarem). Mas a dificuldade que estamos tendo é a seguinte: Quando um usuário comenta em determinado produto, este comentário ao invés de ser exibido somente nesta página, o comentário está aparecendo em todas as box das páginas do site. Por isso, quero saber qual é procedimento para configurarmos este erro apresentado. fico no aguardo. Abraços
oii
Amo a liberdade, por isso deixo as coisas que
amo livres. Se elas voltarem é porque as
conquistei. Se não voltarem é porque nunca as
possuí.
Hoje todo mundo ta integrando os seus sites com o facebook, colocam os comentários através do facebook, assim, quando o usuário comentar no site, automaticamente já aparecerá na timeline do usuário o comentário dele, o site e uma imagem do site…
criei uma página para testar os comentários no site é essa => http://www.siqueiranet.com/testes/facebook.php
ao comentar realmente aparece o post na timeline do usuário no facebook como mostra a imagem => http://upload.crazzy.com.br/pictures/87ac9aa05a2b260ce1a979265464bd3a.jpg
porém, vejam que a é essa imagem que preciso mudar para a logomarca do site…
pelo visto, ele ta pegando essa imagem da página inicial http://www.siqueiranet.com, pois é somente nela que essa imagem está sendo usada, porém nessa mesma página tenho diversas outras imagens incluindo a logomarca… então gostaria de saber se existe algum parametro para alterar essa imagem, ou se alguém sabe como o facebook escolhe essa imagem…
Desde já agradeço…
1 segundo atrás – 4 dias resta
minha duvida e simples, onde vejo quandos os novos comentarios chegarem???
foi uma perda de tempo, não funcionou.
quero me retificar, pegou sim, me disculpem ae, e muito obrigado
Erro ao analisar XML, linha 1867, coluna 8: XML document structures must start and end within the same entity.
alguem sabe pq esse deu erro?
Co meu blog se você comentar num post aparece em todos os posts. Como faço pra aparecer apenas no post em que é comentado?
queria saber como coloca uma caixa de comentarios no meu site. uma caixa dde comentarios normal assim.
nao to conseguindo fazer isso sempre aparece esse nome
App creation failed
Sua conta deve ser verificada antes que você possa fazer isto. Por favor, verifique sua conta adicionando seu celular ou cartão de crédito.
Simpatia poderosa para emagrecer – Chico Xavier. simpatia para emagrecer logo. Simpatia para ser feita em apenas três dias, podendo ser repetida, caso a pessoa desejar chegar a seu peso ideal.
Como fazer:
Numa quarta feira pela manhã coloque meio copo de água e dentro dele o número de grãos de arroz correspondentes aos quilos que você deseja perder. Não coloque grãos a mais do que você deseja, porque os quilos perdidos não serão recuperados depois.
À noite, beba a água, deixando os grãos de arroz. Complete novamente o copo com água.
*Na quinta feira pela manhã, em jejum, beba a água, deixando os grãos de arroz, completando novamente com meio copo de água.
*Na sexta-feira pela manhã, em jejum, beba a água com todos os grãos de arroz.
Importante:
1: Conserve o mesmo copo durante o processo.
2: Não faça regime pois a simpatia é infalível.
3: Tire o número de cópias correspondente aos quilos que deseja perder. Por exemplo: se você quiser perder 7 quilos (kilos), faça 7 cópias.
4: Comece a simpatia numa quarta feira, após distribuir as cópias (pode ser publicações em sites).
5: Publique na mesma semana.
Obrigado pelo tutorial. Muito bem explicado, Parabéns!
Po, não adiantou de nada, a maioria das coisas que estou tentando fazer aqui não to conseguindo, abraço, se puder me ajudar entra em contato? Obrigado.