Dominio: codigosblog.com.br
Chave: af255c39c6cbf2ba03ac5b531649215539d8d61a
Hora do cache: 1508416725
Vida do cache: 1508459925
Status: 1
Mensagem: Centive nao respondeu
Chave do Pedido: 11808bbc6205bade68f0b70c302eaa74d4305945
Chave do Produto: PROKEY
Scroll Top

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

Hospedagem - 728 x 90

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! =]



De um play no vídeo abaixo e aprenda a Criar blogs Profissionais




Gostou deste artigo? Ajude nosso projeto.
Compartilhe em suas redes sociais nos botões abaixo:

204 Comentários

  1. Deu tudo certinho!!!!!! muito obrigada, ja coloquei os créditos!!

  2. Graziela disse:

    Olá, deu td certo! Obrigada!
    Mas tem como colocar o formulário logo abaixo do post? Sem precisar clicar em “comentar”?

  3. Jeniffer disse:

    Os comentários igual ao facebook só esta em algumas publicações não esta aparecendo em todas o que eu faço?

  4. lucas disse:

    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

  5. 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.

  6. Ricardo disse:

    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!

  7. Marjolie disse:

    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

  8. 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?

  9. 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?

  10. EMANUEL disse:

    Muito bom mesmo … funcionou , excelente !

  11. Eu acho que facebook teve uma nova atualizção, pois não esta funcionando corretamente!

  12. 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!!!!

  13. 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?

  14. kelly disse:

    Não consegui fazer!

  15. Halana disse:

    Voce é o cara,ajudou muito obg ae mano continue assim 😀

  16. Willander disse:

    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?

  17. Mila disse:

    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!

  18. Tassio G disse:

    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.

  19. 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

  20. Fiquei dois dias tentando TODOS os tutoriais e o teu foi o ÚNICO que funcionou!
    Muito obrigada!

  21. CB disse:

    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

  22. Henrique disse:

    Muito Legal seu Site!

  23. Bia Anjos disse:

    Depois de 02 dias tentando, até que enfim consegui!
    Muito bom seu tutorial, o unico que funcionou!
    Obrigada 😀

  24. test disse:

    cara atualiza esse teu deu post ai vey, na boa, as configuraçoes do facebook mudou

  25. test disse:

    nos bloggers não tem mais a opção de Expandir modelos de widgets

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

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