Junte-se a 22.515 pessoas que
decidiram aprender tudo sobre Blogs,
SEO e Monetização.

Comentários Facebook Gadgets

Como usar o sistema de comentários do Facebook no Blogger com moderação

Atualmente existe uma única potência na internet à altura do Google. A maior rede social, o Facebook. Usar esse artifício ao seu favor pode trazer grandes resultados.

O Facebook disponibiliza vários gadgets, um deles é um sistema de comentários para ser usado em blogs e sites. O que poucas pessoas sabem é da potência de interação e configuração da ferramenta.

Com o formulário de comentários do Facebook você pode:
– Comentar usando login do Facebook, Hotmail, Yahoo e Aol;
– Exibir o número de comentários;
– Moderar comentários;
– Bloquear palavras de baixo calão;
– Adicionar moderadores;
– Receber avisos de novos comentários;
– Corrigir erros gramaticais comuns automaticamente;
– Outros (basta conhecer e usar a API do sistema).

Vamos aprender a instalar o aplicativo:

1 – Acesse: http://developers.facebook.com/setup para criar um ID para seu aplicativo.

Preencha de acordo com que é pedido:
App Name: Nome do site

Exemplo:

2 – Após clicar em Continuar, edite os seguintes campos da tela:

Contact Email: Coloque seu email para contato;

App Domains: Coloque o endereço do seu blog.

Marque a caixa “Website with Facebook Login” e preencha:

Site URL: Coloque novamente o mesmo endereço do seu blog.

Exemplo:

Depois de fazer as alterações acima, salve. Ao salvar, passe para o próximo passo.

3 – Faça login no Blogger, entre em “Modelo“, procure por “Editar modelo” e marque a caixa “Expandir modelos de widgets“;

4 – Na tag <html> adicione DENTRO o seguinte código:

xmlns:fb='http://www.facebook.com/2008/fbml'

O código deve ficar mais ou menos assim:

5 – Adicione os seguintes códigos DEPOIS de <html>

<meta content='SEU_NOME_USUARIO' property='fb:admins'/>
<meta content='ID_APLICATIVO' property='fb:app_id'/>

Faça as seguintes mudanças:
SEU_NOME_USUARIO – Coloque o seu Nome de Usuário no Facebook.
Exemplo: http:∕∕facebook.com∕pauloens (Nome de Usuário: pauloens)
ID_APLICATIVO – Coloque o ID do aplicativo gerado no passo 2.

6 – Agora você deve escolher o lugar onde será inserido o formulário.
Algumas possibilidades:
Procure (Ctrl + f) por:

<div class='post-footer-line post-footer-line-3'> 
ou 
<div class='post-footer-line post-footer-line-3'/>

e adicione o código logo abaixo:

<b:if cond='data:blog.pageType == "item"'>
<div class='comments'><h4><fb:comments-count expr:href='data:post.url'/> Comentário(s):</h4></div>
<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='NUMERO_COMENTARIOS' publish_feed="true" width='LARGURA_FORMULARIO'/>
</b:if>

ou você pode colocar o código acima antes de:

<b:includable id='comment-form' var='post'>

Faça as seguintes mudanças:
NUMERO_COMENTARIOS – Coloque o número de comentários que será exibido na tela. Caso passe do limite determinado será apresentado um link para abrir mais comentários.
Exemplo: 20;
LARGURA_FORMULARIO – Coloque a largura do gadget de acordo com o seu layout.
Exemplo: 545. (Largura em px).

Configurando o APP:

1 – Acesse o link: http://developers.facebook.com/tools/comments

2 – Localize o aplicativo usado para comentários do seu blog e clique em “Configurações”.

3 – No painel faça suas configurações:
– Moderadores: Escolha os moderadores de comentários (caso você queira moderar);
– Modo de moderação: Moderar ou não os comentários;
– Palavras na lista negra: Bloquear certas palavras ou deixar aberto;
– Outros provedores de login: Permitir ou não;
– Filtro de gramática: Corrigir erros de gramática comuns automaticamente;
– Compositor de comentários: Sempre ou não.

Recebendo notificações de novos comentários:

Ao clicar nas notificações recebidas em seu Facebook, você terá acesso ao painel de controle. Lá você pode ler apagar e moderar os comentários.

Possível erro:
“The comments plugin requires an href parameter"

Você não está passando a URL (href) no aplicativo, ou você está usando o aplicativo das últimas pessoas que curtiram seu blog (Gadget social de fãs do Facebook).
Todos os outros gadgets do Facebook funcionaram comigo normalmente, exceto o gadget de fãs. Infelizmente não é possível usar os comentários do Facebook e esse gadget.

Espero que gostem! =]

Para enviar seu comentário, preencha os campos abaixo:

Deixe uma resposta

*

204 Comentários

  1. Isaa disse:

    [aaaaa] muito obrigada ! Faz MUITO tempo que eu estou tentando colocar, mas não consigo ! *—*
    Obrigada mesmo, ç2 ‘

  2. PaatinBlog disse:

    ´VOCÊ É O CAAAAAARA!
    Achei vários codigos na net, mas só o seu funcionou no meu blog, vlw mesmo cara…

  3. @GuiTintel disse:

    Comigo não funcionou. Segui todos os andamentos corretamente, porém, não recebo notificações quando novos comentários são recebidos e também não os vejo na página de administração dos comentários. Sabe o que pode estar acontecendo? E existe a possibilidade de ativar alguma forma de eu apagar comentários indesejáveis?

    Abs,

  4. edivan disse:

    Amigo o codugo é otimo mas não estou recebendo Notificações de novos comentarios oq que faço?

    A e parabens pelo site mt bom.

  5. Diego disse:

    Valeu, vocês são os únicos que ensinam direito, passo a passo! Parabéns!!

  6. Clio disse:

    Paulo!

    Muito bem explicado.
    Preciso saber se o modelo “Visualizações dinâmicas” que eu uso, pode ser editado para incluir o código html do face.
    Retorno pra ver seu comentário?

    Até mais.

  7. no meu template não tem a opção o que faço?

  8. Caroline Assis disse:

    deu esse erro quando eu cocloquei todos os codigos “Não foi possível analisar o seu modelo, pois sua formatação é inadequada. Certifique-se de que todos os elementos XML estão fechados adequadamente.
    Mensagem de erro em XML: Element type “html” must be followed by either attribute specifications, “>” or “/>”.” não to entendendo por que?

  9. Carlos disse:

    Muito bom cara, parabéns!

  10. Ivan disse:

    Cara, qual opção escolhemos lá na : http://developers.facebook.com/setup, não estou achando a opção para criar um Id, por favor…

  11. jj disse:

    tenta outra explicaçao mais detalhada no icio quando vou configurar nem aparece mais igual como esta nas figuras q vc postou. as opçoes do face estao diferentes.

  12. marcelo disse:

    cara naum consigo , ja tentei de todas as formas…

  13. Emanoel Ferraz disse:

    O tutorial está desatualizado, as paginas do facebook mudaram.

  14. iranmnr disse:

    e pra mudar a cm cor do comentario tipo o layout do meu blog é escuro e quando alguem comenta não da pra ver tem como mudar?

  15. Marcelo disse:

    consegui colocar no meu blog, mas não recebo nada no facebook quando alguem comenta em meu blog, e nem no site de moderação!

  16. luiz disse:

    eu não consigo instalar a ferramenta de comentários no meu

  17. Ligia disse:

    Infelizmente estou desistindo de colocar os comentários do facebook no meu blog…
    tentei inúmeros códigos e modos de colocar esses comentários, mas não funcionou nenhum, o único que funcionou é colocando como Gadget, porém não ficou no lugar onde eu queria que ficasse…
    Não sei mais o que eu faço =/

  18. Nathalia disse:

    Bom dia!

    Por favor, o que seria “adicionar depois de ? onde está? não encontrei procurando pelo Ctrl+F!

    Obrigada!

  19. Sem Noçao disse:

    Vlw, consegui, obrigado e que Deus abençoe. 😀

  20. Isa disse:

    Não rolou comigo também. Quando fui preencher o aplicativo não dava pra colar toda a URL.

  21. Flaviani disse:

    Oi Paulo!
    É preciso ter um domínio próprio ou pode ser um .blogspot.com? Tentei e tive como resposta que o domínio parece não conter protocolo de informação.

    Obrigada

  22. DH disse:

    Paulo a dica ficou muito legal. Foi único lugar que consegui fazer seguindo o tutorial, mas realmente esta acontecem um erro ao salvar o aplicativo eu consegui resolver nem sei como. Só cliquei nos links abaixo de Basic para ver se achava uma solução quando retornei para o básico atela já estava diferente ai só cliquei salvar e foi!
    Outra questão que não vi aqui foi como gerar o hosting url, mas isso também acertei no chute. rs
    vitrinesexxx.com

  23. Não Consegui, Tragico :S Tentei de todas as formas q vc cita nso comentarios mas sempre da um maldito erro. af

  24. Amanda disse:

    O meu deu erro na hora de salvar no segundo passo
    “Error
    App Domains: http://www.conspirantes.com/ should not contain protocol information.” o que eu faço?

  25. Amanda disse:

    pode deixar, haha adorei o tutorial, obrigada!

  26. Fran Huesa disse:

    Oi Paulo…coloquei tudo certo

    mas no modelo ao salvar os códigos aparece a mensagem: ” The widget with id “Blog1” cannot contain element: “b:if”. A widget can only contain b:includable elements.

    O “Blog1″tem que colocar o meu?

    bjos

  27. RamiroPaato disse:

    Caara, na boa, você é show, não há melhor que o CodigosBlog na Internet *-*

  28. sempre da erro nessa primeira parte de colocar o app eu vou em proceguir dai da falha nisso, diz que deu falha nao consigo fazer!

  29. Jessie disse:

    Obrigada, funcionou direitinho!

  30. Marcia disse:

    Obrigada deu certo, valeu mesmo hein! nossa fiz vários na net e nenhum eu acertei e esse consegui finalmente, legal adorei valeu beijos

  31. Luciano CDs disse:

    Cara, rodei até umas horas procurando esse tutorial com moderação dos comentários e só encontrei esse aqui que funcionou. Os outros eu colocava, mas, não moderava.
    Parabénss!
    Abraço!

  32. Erick disse:

    Fiz tudo certinho, porem não aparece as moderações…

  33. Camila disse:

    Olá Estevão!
    Primeiramente OBRIGADA por me ajudar com esses comentários via facebook..pq acredite, estou há um tempão tentando e não conseguia, cheguei a acreditar que havia algum código em meu template que me impossibilitava.

    Porém, aconteceu um erro de organização…A caixa dos comentários ficou enorme em relação a altura…a distância entre o nome “comentários” para a caixa onde se comenta é enorme…onde posso corrigir isso?

  34. Erick disse:

    Valeu por não me ajudar, fiz igualzinho fico bunitinho, porem não recebo nenhuma notificação de comentário novo… o que eu queria, não consegui.

  35. Ronnye disse:

    muito bom mesmo, esse ficou perfeito, tinha colocado um antes mas dava muito erro, alem de não ter como mudar o tamanho, valeu mesmo, muito bom esse tutorial, parabéns!

  36. Camila disse:

    Ahhhh!! Muitoo obrigada!! Está tudo certinho agora, você é demais!!!! *.*

  37. Thay beer disse:

    Ja tentei várias vezes fazer, através de vários sites, e nada !
    aparece o erro plugin alguma coisa rs.
    Fui tentar dessa vez, mas na parte 4 do seu passo a passo, na pesquisa ( ctrl +f) não achou nenhum

  38. Thay beer disse:

    aaaaaaaaaah cara, entendi.
    Eu uso o gadget de fas da page :T
    poxa,isso é tenso. af
    Valeu mesmo. Eu iria ficar tentando eternamente D:

  39. Thay beer disse:

    KKKKKKKKKKKKKK retiro o que eu disse de novo !
    AChei um blog que tem a gadget de fas, e as comentarios pelo face D:

  40. Breno disse:

    Olá Paulo, obrigado pela dica.
    Tenho uma pergunta, como colocar isso em baixo de cada post na pagina principal?

  41. Sidclei disse:

    Fiz tudo do jeito que está aí mas quando fui ver apareceu um erro gigante e meu blog não apareceu.

  42. Uélyson Colatto disse:

    Olá, não estou conseguindo remover os outros provedores de login, pois só queria deixar o facebook como provedor de login. Alguém sabe como reoslver?

  43. Ana Luiza disse:

    Me ajuda por favor. Estou quase conseguindo completar as etapas, porém quando vou criar o Host your site with Heroku, o que eu marco? PHP mesmmo? :S
    Obrigada desde já

  44. Fábio Lins disse:

    O código funcionou perfeitamente, mas uma coisa que ele não trouxe e nenhum outro tutorial dos mais de 10 que li trouxe, foi o número de comentários feitos pelo facebook visíveis na home, na página principal. Alguma ajuda quanto isso? Abraços!

  45. Enrico disse:

    como eu acompanho os comentário publicados do Facebook em meu blog? Há algum aplicativo que faz algo assim? Dá para para enviar uma notificação em meu email de que eu recebi tal comentário? Aguardo resposta.

  46. Manah disse:

    olá, fiz isto, mas continuo sem receber as notificações do plugin de comentários. tem outro jeito de receber as notificações? nem que seja por email? obrigada.

  47. Morganna disse:

    Poxa! tentei vários e esse tá sendo o unico que funcionou por completo! Obrigada.

  48. Olá, como faço para aparecer no resumo da postagem na pagina inicial o contador de comentários do Facebook ???

Por gentileza, se deseja alterar o arquivo do rodapé,
entre em contato com o suporte.