Como Criar Aplicativos no Facebook e Usar Comentários no Blog - Dicas para Blogs
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.
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.
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.
E agora você pode usar esse numero do aplicativo para colocar os comentários do facebook no blogger como já mostramos nestes tutoriais:
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:
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.
Dicas para Blogs » Configurações Avançadas , Facebook , Mais visitas , Redes Sociais
Início > Configurações Avançadas > Facebook > Mais visitas > Redes Sociais
Unknown 5 de junho de 2012 17:16
O problema é que em nenhuma das vezes os comentários do Facebook funcionaram em meu blog.
Achei estranho. Abraços.
Fabiano Roberto 5 de junho de 2012 21:43
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
Anônimo 6 de junho de 2012 00:47
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 ;).
Anônimo 27 de março de 2016 09:21
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.
Fabiano Roberto 6 de junho de 2012 01:04
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
Wilker 6 de junho de 2012 19:57
Mais uma vez, obrigado pela Dica :). Já estava confuso com isto do facebook.
Unknown 9 de junho de 2012 10:55
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
Fabiano Roberto 9 de junho de 2012 12:36
é 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
Rosiel T.S. 11 de junho de 2012 00:43
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?
Fabiano Roberto 11 de junho de 2012 10:52
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.
nuvendigital 14 de junho de 2012 23:16
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!
Vanda 17 de junho de 2012 19:20
Oi Fabiano, gostaria que se fosse possível vc desse uma olhada no meu blog, já instalei mas dá erro =//
Fabiano Roberto 17 de junho de 2012 20:48
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
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!
Fabiano Roberto 18 de junho de 2012 11:06
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
como mostramos na imagem do tutorial ou pelo menos aparecer a pagina para criar o aplicativo (botão no canto direito superior da tela)
Unknown 30 de junho de 2012 10:35
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?
Fabiano Roberto 30 de junho de 2012 13:41
infelizmente em alguns templates personalizados dá erros defido a outros códigos mas é bem dificil achar
Unknown 1 de julho de 2012 11:23
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
Gabriel 28 de julho de 2012 19:30
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?
Fabiano Roberto 28 de julho de 2012 21:24
é normal aparecer 0 comentaríos
Matheus Augusto 4 de agosto de 2012 13:35
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 ?
Fabiano Roberto 4 de agosto de 2012 15:48
deve ser algum trecho de ´codigo duplicado, mas é dificil dizer qual é porque o blogger modifica os códigos na hora de exibir a pagina
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?
Fabiano Roberto 14 de agosto de 2012 09:47
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
Unknown 14 de agosto de 2012 19:30
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ã.
Fabiano Roberto 14 de agosto de 2012 20:01
mas na pagina do gravatar diz que pretendem disponibilizar para o blogger também
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. =/////
Fabiano Roberto 20 de setembro de 2012 17:44
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
Unknown 1 de novembro de 2012 21:25
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.
Allison Távora de Mello 2 de novembro de 2012 12:52
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.
Fabiano Roberto 2 de novembro de 2012 13:01
Victor Martins a unica opção de facebook para moderar comentários é neste link:
veja se as configurações dos comentários do facebook estão ativadas e se usou o numero correto do aplicativo
Fabiano Roberto 2 de novembro de 2012 13:07
Allison Távora de Mello você entrou nesta pagina?
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)
Unknown 2 de novembro de 2012 19:44
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.
Unknown 2 de novembro de 2012 20:42
Ja consegui, obrigado e abraços.
Anônimo 2 de novembro de 2012 22:43
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
Fabiano Roberto 3 de novembro de 2012 00:00
para mim aparece uma tela com os aplicativos que já criei e a opção de criar novos
Anônimo 21 de novembro de 2012 18:43
Meu blogger tem o fundo preto, dai quando uma pessoa vai fazer um cometário, a letra dele fica preta. Como coloca branca?
Fabiano Roberto 21 de novembro de 2012 21:01
não tem como mudar a cor dos comentários do facebook
Gabriela Freitas 22 de novembro de 2012 17:52
Como eu ajusto a largura "dos comentários" de acordo com a da postagem?
Fabiano Roberto 23 de novembro de 2012 00:14
na linha de código do facebook coloque: width='450'
veja aqui: Como Usar Comentários do Facebook e do Blogger ao Mesmo Tempo
Anônimo 26 de novembro de 2012 09:27
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?
Fabiano Roberto 26 de novembro de 2012 13:31
já vi alguns avisos que clicando no link ele desaparece
Unknown 28 de novembro de 2012 17:55
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.
Henrique Araújo 31 de dezembro de 2012 03:52
Desse jeito uma página do Face não consegue comentar o post... e agora?
Fabiano Roberto 31 de dezembro de 2012 10:35
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...
Unknown 4 de janeiro de 2013 13:01
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/
Fabiano Roberto 4 de janeiro de 2013 14:38
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
Unknown 5 de janeiro de 2013 10:46
Obrigado Fabiano! Achei e apaguei. Deu certo! Abraços!
Unknown 5 de janeiro de 2013 11:37
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 ;)
Fabiano Roberto 5 de janeiro de 2013 12:01
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.
Unknown 5 de janeiro de 2013 16:18
Opa, eu que agradeço! Abraços!
Unknown 10 de janeiro de 2013 03:46
Obrigado, vou tentar ;)
Mod Júnior 10 de janeiro de 2013 19:15
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á!
Fabiano Roberto 11 de janeiro de 2013 10:11
notei essa mudança nos comentários do facebook mas por enquanto parece não ter solução
Mod Júnior 11 de janeiro de 2013 10:25
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! :-(
Unknown 18 de janeiro de 2013 19:11
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 ;)
Unknown 19 de janeiro de 2013 17:41
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.
Estéfani Malagoli 26 de fevereiro de 2013 14:36
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!
Fabiano Roberto 26 de fevereiro de 2013 15:02
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:
é 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
Estéfani Malagoli 26 de fevereiro de 2013 15:07
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.
Fabiano Roberto 26 de fevereiro de 2013 18:04
é 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
Sarah Vivic 19 de março de 2013 10:05
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.
Fabiano Roberto 19 de março de 2013 12:04
Sarah para criar o aplicativo precisa cadastrar seu celular no facebook (verificar sua conta)
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?
Fabiano Roberto 28 de março de 2013 10:05
as vezes é difícil conseguir visitas para o blog. Isso depende muito do tipo de conteudo que você tem entre outras coisas.
Ravennah 11 de abril de 2013 17:22
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?
Fabiano Roberto 11 de abril de 2013 20:40
o link tem que ser o link do seu blog e precisa colocar o www em uma das vezes que pede o endereço
Marília Gabriela 19 de julho de 2014 17:21
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
Fabiano Roberto 19 de julho de 2014 21:10
tente colocar o endereço do blog sem o .br no final, já li que isso gera erro no facebook
Anônimo 27 de novembro de 2016 13:04
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.
Fabiano Roberto 27 de novembro de 2016 20:54
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.