Como Criar Aplicativos no Facebook e Usar Comentários no Blog

Para conseguir colocar os comentários do facebook no blogspot você precisa criar um aplicativo no facebook antes de alterar qualquer código HTML no seu blog. Nós já falamos sobre Aplicativos do Facebook para Blogs e Sites - Social Plugins, mas apenas dando uma visão geral sobre o assunto. Mas muitas pessoas têm dificuldades em criar esse aplicativo por isso vamos mostrar com mais detalhes.

Antes de criar o aplicativo de comentários do facebook você precisa verificar sua conta no facebook, isso pode ser feito cadastrando o numero do seu telefone celular. Após isso entre na pagina de gerenciamento de aplicativos do facebook, clique em novo aplicativo e preencha as informações pedidas (nome do seu aplicativo). Lembre-se na segunda linha não pode usar letras maiúsculas nem espaços. Depois disso você verá algumas letras de confirmação e apenas digitá-las e confirmar já está na pagina de configuração do seu aplicativo do facebook.

aplicativo de comentarios do facebook no blogger

Aqui precisamos colocar o endereço do blog que vamos utilizar os comentários do facebook. No campo App Domains você deve usar o endereço do seu blog sem o http:// mais abaixo no campo de texto Website with Facebook Login deve usar o endereço completo do seu blog.

App Domains: dicasdesitesuteis.blogspot.com
Website with Facebook Login: http://dicasdesitesuteis.blogspot.com

Mas atenção se o seu blog foi criado antes de alteração de domínios do blogger para cada país você deve usar o endereço blogspot.com e não o endereço blogspot.com.br (no caso do Brasil). Nos testes que fizemos usando o endereço http://dicasdesitesuteis.blogspot.com.br/ apareceu uma mensagem de erro ao criar o aplicativo do facebook. Portanto use o seu endereço padrão do blogspot.
fazer aplicativo do facebook para colocar comentarios no blog

Claro que isso não vale para os blogueiros que usam domínio próprio no blogger como, por exemplo, nosso blog de frases que usamos o endereço desta forma:

App Domains: www.frasescurtas.com.br/
Website with Facebook Login: http://www.frasescurtas.com.br/

Então preencha corretamente essa pagina de criação de aplicativo e clique em salvar. Agora copie o numero do id do aplicativo.

numero do id do apps do facebook

E agora você pode usar esse numero do aplicativo para colocar os comentários do facebook no blogger como já mostramos nestes tutoriais:
Colocar Comentários do Facebook no Blogger
Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo

Não vamos colocar aqui novamente os códigos porque ficaria um post longo demais e, além disso, não sabemos se a sua intenção é usar somente os comentários do facebook no blog ou usar os comentários padrão do blogger junto com os do facebook. Aproveite e veja também:
7 Opções de Botões para Divulgar Blog e Conseguir visitas das Redes Sociais
Estatísticas Botões de Compartilhamento - Curtir, Retweet, +1 e Outros

Enfim esperamos que goste de mais essa dica sobre usar o facebook no seu blog. E com isso conseguir mais visitas do facebook para o seu blog.

71 comentários:

  1. O problema é que em nenhuma das vezes os comentários do Facebook funcionaram em meu blog.

    Achei estranho. Abraços.

    ResponderExcluir
  2. em alguns casos as tags do blogger aparecem duas vezes então se não der certo em uma tem que tentar na outra.

    é o caso deste tutorial: Colocar Comentários do Facebook no Blogger

    o trecho post-footer-line post-footer-line-1 parece duas vezes

    ResponderExcluir
  3. Gostaria muito que você dono deste blog criasse um tutorial explicando como fazer um slide de destaques tipo o da http://mtv.uol.com.br estou precisando muito e não sei como fazer. Mais por favor não explica a fazer aquele que já vem no blogspot, poi é muito feio. se poder ajudar faz ok eu estou todos os dias aqui no seu blog ;).

    ResponderExcluir
    Respostas
    1. Geralmente, estes sites famosos rodam com Wordpress. Possivelmente, este slide trata-se de mais um Plugin da plataforma. Mas com muita prática e dedicação, se consegue fazer este slide à mão, e colocá-lo no Blogger. Também poderá pesquisar no Google palavras-chave como: "Slide jQuery Blogger" ou "Slide Carousel CSS Blogger", ou algo relacionado.

      Excluir
  4. Anônimo
    sites deste tipo tem mais recursos de webdesiner que não é possivel repetir nos blogs.

    alias seria possível, mas são codigos complicados de atualizar

    ResponderExcluir
  5. Mais uma vez, obrigado pela Dica :). Já estava confuso com isto do facebook.
    Abraço e continuação de um bom trabalho.

    ResponderExcluir
  6. Fiz todo processo e deu certo em meu blog, ficou ótimo, mas tem como colocar todos os comentários feitos na página inicial do blog? Tipo comentários recentes? Desde já obrigado

    ResponderExcluir
  7. é possivel colocar os comentários recentes na pagina inicial usando o feed dos comentarios, mas isso só para os comentários do blogger, por enquando não achei como fazer isso com o facebook

    adicione um gagdet de FEED e use o endereço dos comentários do seu blog, veja o exemplo: http://www.dicasparablogs.com.br/feeds/comments/default

    veja aqui: Usar Feed como Acessórios
    .

    ResponderExcluir
  8. Fabiano eu coloco o número do meu celular mas não recebo a mensagem, já tentei direto mas não recebo, você sabe o que pode estar acontecendo?

    ResponderExcluir
  9. Rosiel T.S.
    se colocou o numero do celular e DDD corretos então pode ser uma falha do facebook.

    pode tentar mais tarde ou fazer a verificação colocando numero de cartão de credito, mas não testei isso.

    ResponderExcluir
  10. O facebook realmente veio para ficar! em pouco tempo já conseguiu 800 milhões de usuários. Já integrar o facebook a todos os tipos de blog é uma tarefa um pouco mais difícil. Estou decidindo começar a fazer isto. sei que vou ter que estudar um pouco sobre o assunto!

    ResponderExcluir
  11. Oi Fabiano, gostaria que se fosse possível vc desse uma olhada no meu blog, já instalei mas dá erro =//
    Será que você poderia me ajudar?

    Obrigada =)

    www.planetadablogueira.com

    ResponderExcluir
  12. Vanda
    deixei um comentário de teste agora e pareceu tudo normal.

    ele está com algumas cores diferentes por causa da personalização do seu template

    ResponderExcluir
  13. Fabiano, gostaria de um post explicando como pegar a API KEY do Facebook! Não consigo de jeito nenhum! Meu número de celular está cadastrado corretamente e tudo mais! Mas não consigo pegar minha API KEY! Quando acesso o link, ele redireciona para minha página inicial! Aguardo resposta! Obrigado!

    ResponderExcluir
  14. Anonimo tente excluir o historico de internet, pode ser que seu computador está usando o cache e por isso redireciona para a pagina inicial.

    mas era para conseguir entrar no endereço
    https://developers.facebook.com/apps

    como mostramos na imagem do tutorial ou pelo menos aparecer a pagina para criar o aplicativo (botão no canto direito superior da tela)

    ResponderExcluir
  15. No meu blog quando alguém usa os comentários do próprio blogger, a opção de comentários pelo Facebook some, o que devo fazer?

    ResponderExcluir
  16. infelizmente em alguns templates personalizados dá erros defido a outros códigos mas é bem dificil achar

    ResponderExcluir
  17. Olá fabiano, descobri uma forma de resolver o problema que relatei acima: Fui em configurações, Postagens e comentários, e em local de comentários coloquei página inteira, e deu certo. abraços

    ResponderExcluir
  18. Olá, consegui colocar a caixa no blog, só que na página inicial aparece 0 comentários, como faço pra quem comenta pelo facebook aparecer na página inicial?

    ResponderExcluir
  19. Fabiano, meu blog o www.foconews.net , recebe os comentários do facebook e também os do blogger (assim como o seu), mas, quando alguém comenta no blogger, a caixa se duplica. Por favor, pode dar uma olhada ?

    ResponderExcluir
  20. deve ser algum trecho de ´codigo duplicado, mas é dificil dizer qual é porque o blogger modifica os códigos na hora de exibir a pagina

    ResponderExcluir
  21. Gostaria que me ajudasse na medida do possivél. Como posso colocar essas frases em quem comenta como nesse blog http://loveglitter.com.br/resultado-sorteio-kit-delinedores/#comment-12986 falando quantas vezes a pessoa se fez presente?

    Grata

    Ane

    ResponderExcluir
  22. Ane esse é um sistema de comentários do gravatar que ainda não é disponível para o blogger, veja aqui:

    http://pt.gravatar.com/site/implement/images/blogger/


    na pagina eles sugerem usar o intensedebate, veja aqui: Colocar Comentários do IntenseDebate no Blogger

    ResponderExcluir
  23. Fabiano na verdade acho que os blogs além desse que eu vi, era do wordepress, deve ser isso né??
    Mais obrigada pela atenção e por favor quando liberarem lembre de mim, sou sua fã.

    ResponderExcluir
  24. mas na pagina do gravatar diz que pretendem disponibilizar para o blogger também

    só não sabemos quando

    ResponderExcluir
  25. Fabiano, vc pode me ajudar? estou tentando a HORAS mas não estou conseguindo de jeito nenhum.
    Começando pelos primeiros passos... eu não sei se já confirmei a minha conta do facebook. Como faço pra cadastrar o número do celular?

    Quando clico nesse link "aplicativos do facebook" que você colocou, ele abre a página de painel administrativo da minha fanpage, consequentemente não consigo achar esse link "novo aplicativo". Não consegui criar o aplicativo nem pegar o número do ID. =/////

    ResponderExcluir
  26. Lucas Lopes no canto direito da pagina tem o botão para criar um novo aplicativo.

    fica embaixo da sua foto e link para editar seu perfil

    ResponderExcluir
  27. Eu queria saber, como faço para ver quando alguém comentar ? Não tem nenhum aviso ou algo do tipo que mostra quando alguém comentou e onde comentou ?

    No do blogger aparece no painel quando alguém comenta e tal.. agora no do Facebook não ta aparecendo ! O comentário fica la na postagem, mas não tem como eu saber se alguém comentou, só se eu sair vendo uma por uma das postagens do blogger.

    ResponderExcluir
  28. Olá, parabéns pelo artigo.

    Mas preciso de sua ajuda. Tentei fazer isso que você explicou mas pra mim não está sendo gerada a ID. Aparece a primeira janela do exemplo do 1º item do seu artigo, coloco o nome do aplicativo e avanço mas depois aparece uma tela diferente do que você explicou.
    Fiz ate um print da tela neste link: http://img824.imageshack.us/img824/3773/capturadetelade20121101.png

    Poderia me ajudar? Faz tempo que estou procurando uma maneira da fazer isso mas agora que encontrei seu artigo, não estou conseguindo.
    Abraço.

    ResponderExcluir
  29. Victor Martins a unica opção de facebook para moderar comentários é neste link:

    http://developers.facebook.com/tools/comments

    veja se as configurações dos comentários do facebook estão ativadas e se usou o numero correto do aplicativo

    ResponderExcluir
  30. Allison Távora de Mello você entrou nesta pagina?

    https://developers.facebook.com/apps

    precisa verificar sua conta no facebook para criar aplicativos.

    a verificação é feita adicionando seu numero de telefone celular (veja nas configurações da conta)

    ResponderExcluir
  31. Então Fabiano, não aparece nada de errado, as minhas configurações estão todas certas, até porque tenho página criada no Facebook e pra isso precisa ter tudo certinho.
    O que acontece quando eu acesso esse link que vc passou é justamente que acesso uma página repleta de opções veja: http://img824.imageshack.us/img824/3773/capturadetelade20121101.png

    Daí então, ele não me dá nenhuma ID como vc explicou.

    Abraços.

    ResponderExcluir
  32. Quando eu vou verificar minha conta e envio escrevo o código que foi enviado para o meu celular, o facebook não aceita todos os caracteres. Não conseguindo assim, verificar minha conta. Poderia me explicar o por que disso acontecer ? Obrigada

    ResponderExcluir
  33. é muito estranho isso.

    para mim aparece uma tela com os aplicativos que já criei e a opção de criar novos

    ResponderExcluir
  34. Meu blogger tem o fundo preto, dai quando uma pessoa vai fazer um cometário, a letra dele fica preta. Como coloca branca?

    ResponderExcluir
  35. não tem como mudar a cor dos comentários do facebook

    ResponderExcluir
  36. Como eu ajusto a largura "dos comentários" de acordo com a da postagem?

    ResponderExcluir
  37. na linha de código do facebook coloque: width='450'

    fica deste jeito:
    fb:comments expr:href='data:post.url' num_posts='3' width='450'


    veja aqui: Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo

    ResponderExcluir
  38. Aqui aparece a caixa de comentários do Facebook, porém, com um tipo de aviso abaixo que diz: "Aviso: este plugin de comentários está operando no modo de compatibilidade, mas não tem publicações ainda. Considere especificar um 'href' explícito como sugerido na documentação do plugin de comentários para aproveitar todos os recursos do aplicativo." - Creio que alguns comentários não estão aparecendo e acho que é por conta desse aviso. Como resolver isso?

    ResponderExcluir
  39. já vi alguns avisos que clicando no link ele desaparece

    ResponderExcluir
  40. Tentei mais nao deu sua explicação nao é tao detalhada assim tem que ser mais limpido e claro somos leigos e nao queremos tanta procura e leitura só coisas simples e rápida eficaz se vc puder é claro. Obrigado por nao me ajudar tanto.

    ResponderExcluir
  41. Desse jeito uma página do Face não consegue comentar o post... e agora?

    ResponderExcluir
  42. esse código dos comentários do facebook no blogger tem muitos detalhes.

    veja se colocou a numeração do aplicativo correta, se não apagou algum sinal por engano...

    ResponderExcluir
  43. Oi Fabiano, tudo bem? Sempre acompanho as suas matérias. Parabéns pelo seu conteúdo.

    Estou com um problema com essa caixa de comentários. Está saindo duplicado em meu blog. Tem solução para isso?

    O meu blog é esse: http://www.breakingbadbrasil.com/

    Abraços!

    ResponderExcluir
  44. Fábio provavelmente você colocou duas vezes o mesmo código por isso está duplicado, então precisa achar e apagar um deles.

    isso acontece as vezes quando colocamos o código e dá alguma erro na hora de salvar

    ResponderExcluir
  45. Obrigado Fabiano! Achei e apaguei. Deu certo! Abraços!

    ResponderExcluir
  46. Sem querer abusar (mas já abusando rs) tem algum tutorial ensinando como fazer para que o número de comentários feitos através do facebook apareça na página principal do blogger? Abraço ;)

    ResponderExcluir
  47. deve ser possível, mas não tenho o código pronto para isso.

    vou fazer alguns testes e assim que conseguir vou publicar um tutorial sobre o assunto.

    obrigado pela sugestão.

    ResponderExcluir
  48. Olá pessoal alguém que souber, me responda. Pois eu usei o método daqui e tá funcionando de boa, sendo que desde de ontem percebi que minhas notificações que o pessoal comentava e chegava até a mim, não estão chegando mais. Eu já refiz o código, já mudei o número do ID e nada. Alguém que souber me avisa agradeço desde de já!

    ResponderExcluir
  49. notei essa mudança nos comentários do facebook mas por enquanto parece não ter solução

    ResponderExcluir
  50. Poxa Fabiano, muito obrigado pela sua resposta, se souber de alguma coisa, por favor publicar. É tenso a galera comentar e você não poder ver! :-(

    ResponderExcluir
  51. Oi Fabiano! Descobri o código que deixa o número de comentários feitos no facebook na página principal. É esse:

    Link da imagem porque essa caixa de comentários não aceitou o código:

    http://1.bp.blogspot.com/-6XMNmFZzUfk/UPm6AgBI4dI/AAAAAAAAQSA/9ZwFH0-KHrE/s1600/Sem+t%C3%ADtulo.png

    O problema é que não tô conseguindo personalizar ele, tipo, centralizar e diminuir a fonte. Teria como ajudar? Abraço ;)

    ResponderExcluir
  52. Consegui organizar um código para que o número de comentários feitos pela caixa do facebook fique visível na home. Ex no www.viciadoemserie.com
    Caso queira, passo por e-mail.
    Abs

    ResponderExcluir
  53. Estou com um problema: Quero moderar meus comentários, então vou la nas configurações e deixo os comentários moderados e salva tudo certinho.

    Mas não aparece nada para eu aceitar ou não os comentarios, as pessoas continuam comentando e não aparece nada pra eu moderar!

    Será que pode me ajudar?

    ResponderExcluir
  54. Estéfani na pagina de moderação do facebook não aparece nada? nem os comentários já publicados?

    se usou o numero correto do aplicativo deveria funcionar


    nos códigos do facebook que colocou no seu blog tem uma linha assim:
    meta content='YOUR_FB_ID' property='fb:admins

    é isso que faz a moderação (confirma sua propriedade sobre o aplicativo)

    veja mais detalhes aqui: Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo

    ResponderExcluir
  55. Sim, no meu código tem esse trecho sim, com o Id do meu aplicativo no face.
    Lá não aparece nada, nem os comentários já publicados.

    ResponderExcluir
  56. é estranho acontecer isso.... infelizmente não sei dizer qual é o problema.

    se você tentou colocar esses códigos varias vezes talvez tenha códigos repetidos gerando erros, mas isso é só uma hipótese

    ResponderExcluir
  57. Não consigo criar o meu app no facebook.
    O que aparece para mim quando clico no link que tá na sua post aparece uma coisa bem diferente do que aparece no seu print.

    Me ajuda ???

    ResponderExcluir
  58. Sarah para criar o aplicativo precisa cadastrar seu celular no facebook (verificar sua conta)

    ResponderExcluir
  59. no meu blog eu me sentia sozinha não tem comentário não vejo visitante online , nada quanto mais eu coloco conteúdo tentando melhorar para ver se tem um comentário ou uma visita não vejo nada já tentei de tudo escolhi os melhores vídeos coloquei conteúdo belas imagens anúncios patrocinado e nada?

    ResponderExcluir
  60. as vezes é difícil conseguir visitas para o blog. Isso depende muito do tipo de conteudo que você tem entre outras coisas.

    Veja esses links:
    Como Melhorar e Personalizar um Blog - Por onde Começar?

    O que as Pessoas Gostam e Procuram em Blogs e Sites


    .

    ResponderExcluir
  61. ola Fabiano td bem? no meu blog funcionou e ja até sei como personalizar, coloquei moderação de comentarios, mas acho q nao funciona pq criei o aplicativo sem o appdomain...esse está sendo um problema, nao consigo colocar de jeito nenhum um link que o aplicativo aceite. o que fazer?
    quatroestacoes.blog.br

    ResponderExcluir
  62. o link tem que ser o link do seu blog e precisa colocar o www em uma das vezes que pede o endereço

    ResponderExcluir
  63. Olá,

    eu tentei de todas as maneiras. Mas quando tento colocar o endereço do meu blog aparece a seguinte mensagem de erro:

    This must be derived from URL, Secure Canvas URL, Unity Binary URL, Site URL, Mobile Site URL, Page Tab URL ou Secure Page Tab URL. Check and correct the following domains: prazeremsersaudavel.blogspot.com.br


    Se puder me ajudar, agradeço.
    Beijos

    ResponderExcluir
    Respostas
    1. tente colocar o endereço do blog sem o .br no final, já li que isso gera erro no facebook

      Excluir
  64. Olá Fabiano! Como faço para habilitar os comentários do Facebook na versão mobile do Blogger? Terei que repetir a colocação do código em uma linha específica? Abraço.

    ResponderExcluir
    Respostas
    1. no blogger tem duas vezes o código < data:post.body/ >

      um deles é para a versão para celular, então precisa colocar o código dos comentários do facebook duas vezes no blog.

      uma onde já colocou pra funcionar na versão desktop e outra neste outro post.body para a versão mobile.

      mas faça um backup do seu template antes de começar caso aconteça algum imprevisto.

      Excluir