Como usar o sistema de comentários do Facebook no Blogger com moderação
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.
“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! =]
Deu tudo certinho!!!!!! muito obrigada, ja coloquei os créditos!!
Olá, deu td certo! Obrigada!
Mas tem como colocar o formulário logo abaixo do post? Sem precisar clicar em “comentar”?
Não tem como Graziela.
abraços
Os comentários igual ao facebook só esta em algumas publicações não esta aparecendo em todas o que eu faço?
Cada postagem deve aparecer com os seus devidos comentários, não todos juntos.
Abraços.
bom tutorial, mais quando eu vou salvar o link do meu site em app domains no facebook, da erro, se nao colocar isso da algum erro? e no nº 5 eu não acho a tag então eu mesmo criei uma, com essas alterações, acontece algum problema? desde já agradeço
Ola!
E quando no códito html não há as opções apontadas nas orientações? Me refiro aos códigos a serem procurados pelo ‘Ctrl+f’, não são encontrados no html da minha página.
Obrigado.
Boa tarde Paulo, o sistema de comentarios funciona perfeitamente, o problema é que não recebo as notificações no facebook. Me diga uma coisa, quando criamos o APP, O ID pode ser usado para outros gadgets? Ou é necessario criar um APP para cada plugin social do facebook? Estou com esta duvida pois uso o mesmo APP para os comentarios e para uma caixa de curtir. Será que talvez seja isto que está dando conflito e prejudicando as notificações no facebook? Desde ja agradeço e parabens pelo conteudo do blog!
Oi! fiz todo o processo acima, mas nada aconteceu 🙁
fiquei com uma dúvida … a caixa de comentários do facebook aparece no blog? por que no meu nao apareceu nenhuma :((
me ajuda!!!
obrigada
bjs
Aparece sim.
Abraços.
ela fica aberta (tipo um retangulo para você escrever) ou é só um “botão” do facebook (com aquele formato do F)?
aguardo!!!
obrigada!bjs
Igual na imagem acima.
Abracos
Ola Paulo
Muito obrigado, porém meu blog tem o fundo preto e não consigo alterar as cores de texto dos comentários FB, teria uma dica de como faze-lo?
há um outro problema se manifestando também, os comentários FB não aparecem enquanto não clicar no link ‘nenhum comentário’ original do blogger. Teria a solução?
Muito bom mesmo … funcionou , excelente !
Eu acho que facebook teve uma nova atualizção, pois não esta funcionando corretamente!
Amigo, realmente teu tutorial é simplesmente PERFEITO!!!
Ficou muito profi o gadget!
Dá uma olhada lá no meu blog (http://a-piramide-de-kukulkan.blogspot.com.br/) e confere!!!
Muito obrigado!
Um abraço!!!!
Ola, consegui incluir a caixa de comentários em meu site, mas não recebo notificações para moderação, tenho que ficar entrando no site pra verificar..
alguém conseguiu receber notificações direto no FB pra moderar os comentários?
Não consegui fazer!
Voce é o cara,ajudou muito obg ae mano continue assim 😀
Não consigo salvar as alterações na configuração de moderação de comentários, eu clico em salvar e nada acontece. O que pode ser?
Isso onde? Blogger ou Facebook?
Abraços.
Olá, tentei usar este código, mas apareceu a seguinte mensagem de erro:
The widget with id “Blog1” cannot contain element: “b:if”. A widget can only contain b:includable elements
Tem alguma ideia do que se trata?
Obrigada pela dica!
Você apagou algum código errado ao inserir. Tente de novo com mais atenção que vai dar certo.
Caro amigo, o endereço do seu site esta em meus favoritos por enquanto, acessei o link q colocou em cima na etapa 1, depois disso me perdi, pois parece que sua explicação esta incompleta, me perdi na pagina de aplicativo pois na pagina principal tem 4 links de destaque Sites… Aplicativos no facebook…Exemplo & como faz. Você não deixou nada para trás ao fazer essa explicação, pois no inicio não esta clara. Agradeço a ajuda, volto mais tarde.
o continua aparecendo esta frase (“The comments plugin requires an href parameter”) em cima do titulo da postagem e quando coloco o Gadget social de fãs do Facebook). a frase sai fica o quadro para comentarios igual o que esta em baixo normal ai fica dois um em baixo e outro em cima das postagem e não estou conseguindo retirar
Fiquei dois dias tentando TODOS os tutoriais e o teu foi o ÚNICO que funcionou!
Muito obrigada!
Consegui colocar a caixa de comentários do Facebook em meu blog, porém não consigo moderar os comentários, pois não aparecem na área de edição/moderação de comentários. O que pode ter ocorrido?
[]’s
Muito Legal seu Site!
Depois de 02 dias tentando, até que enfim consegui!
Muito bom seu tutorial, o unico que funcionou!
Obrigada 😀
cara atualiza esse teu deu post ai vey, na boa, as configuraçoes do facebook mudou
nos bloggers não tem mais a opção de Expandir modelos de widgets