Tem muita gente que ainda tem uma certa dificuldade de instalar e encontrar um tutorial que ainda funcione, de como colocar comentários do facebook em seu blog.
Na verdade é super fácil e rápido! vou explicar de um jeito bem bacana e longe de complicações, tenho certeza que vai dar tudo certo aí! Bora lá?
:: CRIANDO O APLICATIVO ::
Primeiramente você precisa criar um aplicativo lá no facebook.
Depois de ter criado ele te dará um número de código que serve para indentificá-lo como moderador dos comentários.
Esteja logado em sua conta do facebook, em seguida clique em "My apps" ou "Apps", caso esteja assim.
Agora cliquem em "Create a New App", o meu aparece "add a new app" por causa que já tenho um aplicativo (apaguei ele na imagem)
Escolha a opção "Site", em seguida clique em "Skip and Create App ID"
Escreva o nome do seu aplicativo, escolha a categoria e digite o código de verificação (captcha) que vai aparecer.
Logo em seguida vai abrir uma página mostrando o ID do seu aplicativo. Copie o número do ID
:: ADICIONANDO O CÓDIGO NO BLOG ::
Essa parte é super simples, você só precisa ter cuidado quando for escolher onde colar o código. Você deve colar logo abaixo de:
<div class='post-footer-line post-footer-line-3'>
Encontre esse código clicando em "formatar modelo" dentro do código do seu layout e tecle ctrl + f para abrir a caixa de pesquisa. Cole o código dentro e tecle "enter". Não encontrou o código assim? procure por:
<div class='post-footer-line post-footer-line-2'>
ou
<b:includable id='comment_picker' var='post'>
Assim que encontrar, cole o código do sistema de comentários do facebook (logo abaixo)
<b:if cond='data:blog.pageType == "item"'>
<div style='float: left; margin: 0px auto 20px; padding: 10px; background: #fff;'>
<h4>
<fb:comments-count expr:href='data:post.url'/>
comentário(s) pelo facebook:
</h4>
<div id='fb-root'/>
<script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/>
<fb:comments expr:href='data:post.url' num_posts='3' publish_feed='true' width='710'/>
</div>
</b:if>
Entendendo o código:
LARANJA: é o número de comentários que aparecem na página.
AZUL: é o tamanho do formulário de comentários do facebook. Coloque o tamanho igual ao das suas postagens.
VERMELHO: é a tag que condiciona que o formulário vai aparecer apenas dentro das postagens. Se você quiser que ele apareça na home, na página principal, é só apagar esse trechinho.
AZUL: é o tamanho do formulário de comentários do facebook. Coloque o tamanho igual ao das suas postagens.
VERMELHO: é a tag que condiciona que o formulário vai aparecer apenas dentro das postagens. Se você quiser que ele apareça na home, na página principal, é só apagar esse trechinho.
** MODERANDO OS COMENTÁRIOS **
Nem sempre as notificações de comentários irão chegar para você. por isso que deve criar aquele aplicativo. Use aquele ID para indentificar a si mesmo como moderador. tecle ctrl + f e procure por:
<head>
Logo acima, cole o código, modifique a parte em vermelho pelo ID do seu aplicativo.
<meta content='ID-APP' property='fb:app_id'/>
Agora salve!
Acesse https://developers.facebook.com/tools/comments e clique em "settings". Na janela que vai aparecer, digite o seu nome de usário do facebook no campo de "moderadores".
Agora você pode usar sempre essa página para visualizar e moderar os comentários via facebook do seu blog! Espero que tenha ajudado!<3