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