Como colocar e moderar comentários do Facebook no Blogger

Como colocar comentários do Facebook com sistema de moderação no blogger/blogspot e junto com os comentários do próprio Blogger.
Que o Facebook é uma das ferramentas mais poderosas em matéria de divulgação de um site ou Blog, isso todos sabemos, por isso é de suma importância que os blogs possam se conectar ao máximo com o facebook, seja através dos plugins de curtir, compartilhar , caixa de curtir  Paginas e comentários.


De todos os itens citados acima, o mais importante é o sistema de comentários do Facebook no Blogger. A implementação da caixa de comentários do Facebook no blogger, não só aumenta as chances de um blog receber comentários, como também ajuda em muito na divulgação, afinal, ao comentar em um blog, existe a opção ( que fica marcada automaticamente) do leitor enviar para sua timeline o seu comentário, juntamente com a página do blog comentado. Caso não queira divulgar o comentário no Facebook o leitor terá que desmarcar a caixa.

Como colocar comenta´rios do Facebook no Blogger/Blogspot.
O primeiro passo essencial é possuir um numero de celular com créditos, pois sem isso, voce não irá receber o código de confirmação do facebook DEVELOPERS.

  • Certifique-se que sua conta é confirmada por celular em https://www.facebook.com/settings?tab=mobile , em caso negativo cadastre um celular com créditos na sua conta.
  • Entre no http://developers.facebook.com/setup/  para criar um aplicativo, preencha somente os campos “App Name:”– que será o nome que você dará ao aplicativo – e “Espaço de nome do aplicativo” que será o endereço do app no Face.
  • Após toda a etapa de criação se completar (captcha e etc)  copie e cole o numero da sua ID de aplicativo no bloco de notas, pois essa ID será usada mais tarde
  •  comentários-do-facebook-no-blogger
  • Preencha o campo “informações básicas” da seguinte forma:
  • Display Name: – nome do app
  • Contact Email: – Endereço de e-mail para contato mantenha o que usa para se logar no face, e que provavelmente já estará configurado.
  • App Domains: Escreva endereço do seu blog sem o http ou www. ATENÇÃO nessa parte, 
    1- se não funcionar como blablbla.blogspot.com.br use sem o br.
    2- Caso voce tenha comprado um dominio proprio e o mantenha no no blogger coloque o endereço do dominio e não do blogger. 
    3 - Caso você use um Subdominio coloque o endereço do dominio, por exemplo, no caso do meu tattoo-estimulanet.com coloquei estimulanet.com .
  • Website with Facebook Login : coloque o endereço completo do seu blog com http e www. Salve as configurações
comentários-do-facebook-no-blogger 2

Colocando o sistema de comentários do Facebook no HTML do Blogger
Como de praxe, antes de mexer no Html do seu blog Faça um backup do modelo, se algo der errado basta colocar de volta.
  • Clique em Expandir modelo de Widgets
com Ctrl+F procure pela tag <div class='comments' id='comments'> – ATENÇÃO podem existir 2 dessa tags, nesse caso coloque o código DEPOIS  segunda, se no final do processo não der certo, retire da segunda e coloque DEPOIS da primeira . Eis o Código:
<div class='comments-tab' id='fb-comments' onclick='javascript:commentToggle(&quot;#fb-comments&quot;);' title='Comentários no Facebook'> 
<img class='comments-tab-icon' src='http://static.ak.fbcdn.net/rsrc.php/v1/yH/r/eIpbnVKI9lR.png'/> 
<fb:comments-count expr:href='data:post.url'/> Comentários 
</div> 
<div class='comments-tab inactive-select-tab' id='blogger-comments' onclick='javascript:commentToggle(&quot;#blogger-comments&quot;);' title='Comentários no Blogger'> 
<img class='comments-tab-icon' src='http://www.blogger.com/img/icon_logo32.gif'/> <data:post.numComments/> Comentários 
</div><div class='clear'/> 
</div> 
<div class='comments-page' id='fb-comments-page'> 
<b:if cond='data:blog.pageType == &quot;item&quot;'> 
<div id='fb-root'/> 
<fb:comments expr:href='data:post.url' num_posts='5' width='450'/> 
</b:if> 
</div> 
<div class='comments comments-page' id='blogger-comments-page'>
As partes customisáveis desse código são num_posts ( numero de comentários a serem exibidos e width= que no caso se refere a largura da caixa de comentatários. Salve o Blog
  • ATENÇÃO ESSA PARTE SOFREU UM UPDATE NA 3ª LINHA POIS O ANTERIOR PAROU DE NOTIFICAR OS MODERADORES, SE VC ESTÁ COM PROBLEMAS DE RECEBER NOTIFICAÇÃO DOS COMENTÁRIOS A SOLUÇÃO ESTÁ NO CÓDIGO DA 3ª LINHA
  • Agora insira o próximo código ANTES da Tag </head> e troque a Frase SUA_ID pelo numero de ID do seu aplicativo no Facebook que você salvou no bloco de nota. ATENÇÃO mantenha as aspas
  • <script src='http://connect.facebook.net/pt_BR/all.js#xfbml=1'/> 
    <script src='http://code.jquery.com/jquery-latest.js'/> 
    <meta content='SUA_ID' property='fb:app_id'/>
    <script type='text/javascript'> 
    function commentToggle(selectTab) { 
    $(".comments-tab").addClass("inactive-select-tab"); 
    $(selectTab).removeClass("inactive-select-tab"); 
    $(".comments-page").hide(); 
    $(selectTab + "-page").show(); 

    </script>

Salve mais uma vez seu blog e procure dessa vez pela Tag ]]></b:skin> e coloque o código abaixo ANTES dela
    .comments-page {background-color: #f2f2f2;} 
    #blogger-comments-page {padding: 0px 5px;display: none;} 
    .comments-tab { float: left; padding: 5px; margin-right: 3px; cursor: pointer; background-color: #f2f2f2;} 
    .comments-tab-icon { height: 14px;width: auto;margin-right: 3px;} 
    .comments-tab:hover { background-color: #eeeeee;} 
    .inactive-select-tab { background-color: #d1d1d1;}
Atenção, repare que no inicio do código acima, antes de comments-page tem um pontinho, não esqueça de copia-lo também, pois faz parte do código. Salve seu Blog e veja se tudo deu certo.
Como moderar os comentários do Facebook feitos no Blogger:
Para fazer a moderação dos comentários Acesse o http://developers.facebook.com/tools/comments e procure pelo nome do seu blog no menu lateral esquerdo ou mesmo diretamente no painel dos comentários do seu blog, caso vc esteja  logado no facebook. Clique em Configurações. Coloque uma pessoa para ser moderadora, ( claro que essa pessoa é você, assim será notificado no mural do facebook cada vez que houver um novo comentário. LEMBRE-SE. Caso queira, você pode colocar outras pessoas para ser moderador dos comentários, desde que ela seja sua amiga no Facebook.
  • Make every post public by default. Nesse modo a pessoa publica o comentário sem aguardar a moderação, você poderá moderá depois. Caso voc~e tenha feito uma Lista Negra de palavras, o comentário que a contiver não será publicado
  • Let me approve each comment before it appears. O comentário só aparecerá no Blog após a sua aprovação
Gostou? Deu certo? O ÚNICO AGRADECIMENTO QUE VALE PARA UM BLOGUEIRO É O LINK NO BLOG DE QUEM ESTÁ GRATO. O resto é blablabla. 

Postar um comentário

19 Comentários

  1. Olá.!

    Muito boa sua postagem; está muito bem explicada,porém tenho uma pequena dúvida. Eu acesso essa página para moderar os comentários e sempre dar erro,diz o seguinte "Ele pode estar em manutenção ou configurado incorretamente."

    Você poderia por gentileza me ajudar ? já pedi ajuda a vários blogueiros mas não me respondem.

    ResponderExcluir
  2. Jessika, os comentários aparecem em seu blog?

    ResponderExcluir
  3. Sim aparece; mas não fica "1 comentários ",saí do painel do blogger para ver se outras pessoas podem ver; e podem mas continua no " 0 comentários"
    o problema é essa página para moderar que dar erro assim como outras páginas do facebook; como "suporte" por exemplo.

    Já tentei de tudo nada faz moderar os comentários

    Desde já obrigada pela atenção, coisa que os outros blogueiros fugirão do meu problema.

    ResponderExcluir
  4. Jessika Crazy, qual o seu blog? Quero dar uma olhada.
    Vc tem celular cadastrado no Facebook?
    Experimentou usar outro navegador, ou verificou se os mesmos estão todos com versão atualizada?

    ResponderExcluir
  5. Olha eu não sei o que tem no seu blog viu, porque esses passos todos eu já tinha feito algumas páginas não dava certo, aí tentei agora e agora consegui ser a página para moderar.

    Obrigado pela atenção e pela sorte que seu blog me deu,acredito que tudo tem seu dia.

    meu blog é este http://www.fazercosmeticos.com/

    ResponderExcluir
  6. Muito Bom o post coloquei no meu blog mais ta dando um erro quando auguem faz um comentário pela o sistema de comentário do blog o do Facebook some da um dica ai como eu posso arumá este erro

    ResponderExcluir
  7. Funcionou perfeitamente no meu site: www.djlex.com.br.
    Mas gostaria de mudar a cor do texto dos comentários, pois meu blog/site tem o fundo escuro!

    ResponderExcluir
  8. Preciso de ajuda. Fiz esse procedimento no meu blog e deu tudo certo. Mas pensei que se tirasse o procedimento e depois colocasse de novo conseguiria descartar os comentário. Enfim, agora que pus de novo não estar a mesma coisa. Acho que tá com problema. Me ajuda.
    www.otimedabola.blogspot.com

    ResponderExcluir
  9. Anderson Soares dos Santos

    É preciso explicar qual o problema enfrentado, não consegui detectar nenhum problema.

    Quanto a deletar os comentários a solução de apagar a postagem limita a visualização da mesma a somente amigos da pessoa. No teste em que fiz, o comentário some também para o amigo da pessoa.

    ResponderExcluir
  10. Cara eu não sei o que esta acontecendo mas eu fiz tudo certinho até apareceu lá o comentário do blog e do facebook mas não ficou em abas, ficou um em baixo do outro como se fosse um texto.

    ResponderExcluir
  11. Saudações André, segui seu tutorial e o lance funcionou perfeito no blog. Porém há alguns dias um fato estranho tem acontecido: os comentários estão sendo publicados antes que eu possa moderá-los. Anteriormente isto não acontecia. Você tem idéia de como resolver? As configurações já estão marcadas como "Let me approve each comment before it appears".
    Desde já obrigado e aguardo um retorno. Abçs.

    ResponderExcluir
  12. cara queria saber tipo assim quando alguem postar no meu blog http://www.countrydowns.com.br/
    onde vai para esse comentaio aqui??? https://developers.facebook.com/tools/comments?id= + tipo como vo saber onde ela postou o comentario?? me ajude pf

    ResponderExcluir
  13. Christoffer Carlos, acho que deve estar acontecendo com todo. Não sei informar os motivos.

    ResponderExcluir
  14. Fiz tudo, ficou blz mas no meu não mostra se alguem comentou nem nada! tipo se alguem comentasse uma postagem e avisasse no meu face que alguem comentou seria bom! nunca sei se tem comentários nas postagens.

    ResponderExcluir
  15. Muito bom, mais tem um porém...
    Fica duas abas de comentario (Facebook / Blogger)
    Até ai blz, mesmo pq eu quero os 2 (Igual o seu blogger)
    Más se não tiver comentarios no blog, não aparece a aba do Facebook para comentar O.o

    ResponderExcluir
  16. Esta Muito Bem Explicado!
    Mais tem um Problema, Não recebo notificações dos comentários!
    Tem Como me dizer, como corrigir isso?

    ResponderExcluir
  17. Amigo como faço para quando um pessoa comentar eu ser notificado. ? Emial humoremdia@outlook.com no blog humoremdia.com blz

    ResponderExcluir
  18. POis eh! Nao sei o que ta acontecendo. Mas quando comentam no sistema do blogger, a caixa de comentario do facebook some! Voce sabe pq??

    ResponderExcluir
  19. Seu tutorial foi o único que funcionou comigo!! Obrigado! <3

    Strawberry Fields

    ResponderExcluir

Os comentários são moderados, isso significa que ao clicar em enviar, eles não são publicados imediatamente, e sim após serem analisados.