Já faz algum tempo que queria postar aqui esse tutorial mas a pagina de desenvolvedores do Facebook estava com erros, mas agora sim, o sistema de comentários para substituir o convencional é bem interessante, o visual muito agradável além de poder evitar aqueles trols anônimos, ou se quiser permitir tudo bem, a administração tem varias opções, confira abaixo como fazer a aplicação e usar no seu blog.
Bom, primeiramente você deve criar a aplicação para os comentários, clique aqui e crie na pagina de desenvolvedores, logicamente é necessário ter uma conta no Facebook, e se não for confirmada é necessário a confirmação que pode ser feita via celular.
- Coloque o nome do blog.
- URL do blog.
- O idioma, no meu caso coloquei português Brasil.
- Depois de clicar em criar, digite o captcha para a verificação de segurança.
Em seguida você já recebe os dados necessários para a criação do sistema de comentários.
- App ID é a identificação da aplicação, mais na frente você vai descobrir onde utilizar.
Agora vamos criar o sistema de comentários, basta clicar aqui para acessar a pagina.
- Em Unique ID coloque a ID do seu perfil no Facebook.
- Escolha o numero de comentários que devem ser visualizados na primeira pagina.
- Escolha a largura de acordo com o corpo de postagens do seu blog.
- clique em “Get Code”
Código gerado, guarde esse código, ele será implementado em seu blog, clique em “JavaScript SDK” para obter o código de instalação do sistema de comentários.
- Código de instalação é gerado:
- Em “your app id
” coloque a ID da aplicação que você obteve lá no começo.
- Troque en_US por pt_BR.
Implementando no Blogger.
Abra o painel do Blogger, vá no menu “Layout” --> “Editar HTML” e marque “Expandir modelos de widgets” para poder ver o código-fonte completo de seu template.
- Procure pela seguinte linha do código-fonte:
<b:include name='nextprev'/>
- Acima dela cole o codigo.
- No caso de não achar a linha anterior, procure por essa linha e cole o código imediatamente abaixo desta linha.
<div class='post-footer'>
- Para que o sistema de comentários apareça apenas nas paginas das postagens, cole o código:
<!-- Novo Comentario Inicio –>
<b:if cond='data:blog.pageType == "item"'>Codigo aqui
</b:if>
<!-- Novo Comentario final -->
Dentro dele no lugar de “Código aqui” cole:
- Não se esqueça de trocar a ID da App e o idioma de en_US para pt_BR.
- Agora retire o formulário de contato atual ocultando.
No menu “Configurações” --> “Comentários” e marcar a opção “Ocultar”. Isso não apaga os antigos comentários, mas tira o formulário padrão.
Este foi o resultado em um blog de testes que fiz:
A administração dos comentários é bem simples.
- No caso do blog possuir mais de um administrador basta adicionar os componentes do blog, ou colocar como moderador apenas.
- Permitir comentários anônimos ou não, se você permitir qualquer pessoa pode comentar, do contrario apenas pessoas com contas no Facebook podem comentar.
- Assinar notificações, assim você fica por dentro do que o pessoal esta comentando.
Implementando no WordPress.
Para WordPress é necessário baixar um plugin clicando aqui, depois instale e ative.
Na hora de configurar o plugin é necessário usar as mesma credenciais citadas para o Blogger.
- ID da aplicação
- UID do seu perfil no Facebook
- Existem varias outra opções para configurar, mas essas são as principais, fazendo isso já começa a funcionar.
Qualquer dúvida a respeito do post basta comentar.