Como colocar os comentários do Facebook no Blogger

Sempre falamos aqui no CBBlogers sobre a importância das redes sociais para quem tem um blog, e sem dúvidas colocar os comentários do seu blog linkado ao Facebook é um bom diferencial que irá facilitar ainda mais a vida dos seus leitores. Sem contar que com esse tipo de comentário, a chance de aumentar as suas visualizações crescem, pois o leitor tem a opção de compartilhar na timelime atraindo mais pessoas para o post.
Por isso hoje iremos aprender como colocar os comentários do Facebook no seu blog, lembrando apenas que esse tipo de tutorial é valido só para a plataforma Blogger. Isso é possível ser feito sem desativar os comentários do próprio blogger.
Irei dividir esse tutorial em duas partes para facilitar a colocação desses comentários.
Parte 1 – Como criar o plugin?
Nessa primeira parte iremos aprender a como criar um plugin no Facebook, que irá auxiliar na colocação dos comentários no blogger.
Já logado na rede social, acesse a página “developers” para a criação do aplicativo: https://developers.facebook.com. Posicione o mouse na opção “My Apps” e clique em “Add New APP”
Caso você já tenha criado algum aplicativo aparecerá nessa página, que no meu caso apareceu os que eu já tinha criado de teste e o do meu blog. Aparecerão as opções conforme a figura abaixo escolha a opção “Site”
Você irá inserir o seu endereço do blog e clicar em “Create New Facebook App ID”. Eu utilizei o exemplo o blog da nossa companheira aqui de comunidade a Raquel Correa, pois o meu já estava criado.
Aparecerá a página abaixo, escolha a categoria do seu blog e clique em “Create APP ID”
Irá abrir a página abaixo com um código que não iremos utilizar, você irá clicar em “Skip Quick Start”
O código APP ID será o que iremos utilizar no código HTML para criar a janela de comentários do Facebook
Pronto! Criamos o app, o próximo passo será colocá-lo no blogger.
Parte 2 – Colocando os códigos HTML
1º Passo: Entre no painel do Blogger e vá até a opção “Modelo” e clique em “Editar HTML“.
2º Passo: Copie o código abaixo, substituindo a parte em negrito pelo ID do aplicativo que foi gerado pra você no Facebook:
<script src=’http://connect.facebook.net/pt_BR/all.js#xfbml=1’/>
<script src=’http://code.jquery.com/jquery-latest.js’/>
<meta content=’ID-DO-APLICATIVO’ property=’fb:admins’/>
3º Passo: Pressione as teclas “CTRL + F” e procure por: </b:skin>. Cole o código do passo anterior bem abaixo da TAG pesquisada.
4º Passo: Nesses novos códigos que se expandiu, procure por:
<b:includable id=’comments’ var=’post’>
Depois de encontrado o código, você irá clicar na setinha preta para expandi-lo e logo depois desse código irá inserir todas as informações abaixo:
<div class=’comments-page’ id=’fb-comments-page’>
<b:if cond=’data:blog.homepageUrl != data:blog.url’>
<div id=’fb-root’/>
<fb:comments expr:href=’data:post.url’ num_posts=’52’ width=’620′/></b:if>
</div>
<div class=’comments comments-page’ id=’blogger-comments-page’/>
Pronto! Agora basta clicar em “Salvar modelo” e ver como ficou!
Caso queira alterar a largura da caixa de comentário, isso pode ser feito nesse segundo código na opção em negrito: width=’620′.
Agora os comentários do Facebook já estarão disponíveis no seu blog! Gostaram da dica?
CBBlogers by Grazi Forti
E pra quem quiser conhecer um pouco mais sobre a Grazi, acessem o blog Falando de Feminices para encontrar várias dicas e também não esqueça de segui-la aqui na nossa Comunidade!
Facebook / Twitter / Pinterest / Instagram
Tags: apps, blogger, dicas, dicas tech, redes sociais
20 thoughts on “Como colocar os comentários do Facebook no Blogger”
Deixe uma resposta
Leitores também acessaram:
-
Dicas para ter sucesso na estratégia de Marketing Digital
E para finalizar nossa série de artigos sobre Marketing Digital, confira cinco dicas essenciais para que o seu plano estratégico […]
-
Influenciadores Digitais X Vendas
Com uma comunicação direta através das redes sociais, os influenciadores digitais, em sua maioria, produzem conteúdo capaz de influenciar no […]
-
Impactando pessoas com Marketing Digital
Influenciadores, Criação de Conteúdo, E-mail Marketing, por onde começar? A internet é o 3° veículo de maior alcance no Brasil, […]
-
O que é marketing digital?
Iniciaremos hoje uma série de artigos sobre Marketing Digital, com informações e dicas, além de outras curiosidades. Mas o que […]
-
Instagram Reels: agora são 30 segundos de conteúdo!
O Instagram mais uma vez arrasou e trouxe mais uma novidade pra ajudar no nosso engajamento. A rede social mais […]
Tentei fazer isso, mas não consigo encontrar o código no meu html.
Olá Natalia, tente procurar por: div class=’post-footer-line post-footer-line-3
No final dessa tag, você verá a seguinte tag: /b:includable
Cole o código do plugin acima da tag /b:includable
Olá, gostaria de saber se com estes códigos o comentário fica linkado no post específico onde foi realizado ou não, pois com outros tutoriais que testei o comentário aparece no timeline do facebook como se tivesse sido feito na página principal do blog, e no em um post específico. Grato!
oi, já fiz de tudo e não tem jeito de eu conseguir. não aparece a caixa de comentários.
Veja se isso te ajuda: http://www.elainegaspareto.com/2015/12/colocando-comentarios-facebook-blog.html
Oláá, fiz exatamente como está ai e salvei,porem não aparece no blog vc poderia me ajudar??
e-mail: jovemliterario@outlook.com
Agradeço desde já!
Abraços.
Att, Eloísa.
Se o problema persistir, veja esse tutorial, acredito que vai lhe ajudar bastante: http://www.elainegaspareto.com/2015/12/colocando-comentarios-facebook-blog.html
Depois de colar o código, não aparece esse passo 4. Ou seja, não expande nada. Tem que ser inserido todo esse código do passo 4 também?
Onde coloco ele?
4º Passo: Nesses novos códigos que se expandiu, procure por:
Caras, ajudaram muito. Vlw mesmo. Consegui executar direitinho.
Mas e aquele código lá em cima onde substituimos uma parte pelo nosso ID do aplicativo? Onde colocamos?
Coloque logo abaixo disso:
Este código a que te referes, deve ser colocado logo abaixo do . ou da abertura
Não estou conseguindo criar o plugin :/
veja esse tutorial: http://www.elainegaspareto.com/2015/12/colocando-comentarios-facebook-blog.html
super top http://www.bestplus.com.br/carregador-de-pilhas-com-2-pilhas-aa-2500mah-aa-aaa-bateria-03o134-replay-unicoba-p2767/
Mudou tudo, esta bem diferente agora.
Criação de sites profissionais com designer inovador e exclusivo.
E
Otimização de sites, seu site na primeira página do google (GARANTIDO).
Acesse:
Gowebcriacaodesites.com.br
Caixa de comentários do Facebook no Blogger – ERRO
Alguem pode me ajudar ??
Tentam comentar vcs verao o erro
Site : http://www.falaserioy.tk
Pelos poderes de São Cipriano eu FB vou conseguir de imediato um emprego bom durante o dia e com um ótimo Ordenado, São Cipriano fazei pois que este pedido se realize de imediato e o emprego bom e com bom salário surja agora sem demora pelos poderes de São Cipriano eu FB vou agora ter um emprego fixo (Em uma boa Empresa) e agora nas minhas mãos amarrado para nunca mais fugir de mim, publico de imediato esta oração para seu nome ser lembrado, reconhecido e respeitado, em troca de conseguir um bom emprego e um bom Ordenado(que me dê o meu bom Salário para eu me sustentar, para pagar todas as despesas fixas e dividas e eventuais, que ainda sobre para o meu lazer e também para poupar e manter uma reserva segura no Banco, para nunca mais passar nenhuma dificuldade) de imediato durante este momento, o emprego urgente peço, suplico urgente as treze entidades e as três almas que acompanham São Cipriano, que me atendam o mais rápido, Urgente, que eu tenha esse emprego ainda essa semana e nunca mais fique desempregado, e a partir de agora em nome de São Cipriano das treze entidades e das três almas que vigiam São Cipriano, que a partir da hora em que eu fizer esta oração e que eu publicar, aconteça e assim seja !e assim será !e assim esta feito! Amém.