Be Static!

We make static files with ♥

Ferramentas de Comentários

Postado por Bruna Lima em 09 de Agosto de 2015

Nesse artigo vamos falar um pouco mais de duas ferramentas bem bacanas para fazer o gerenciamento de comentários em seu site, as vantagens de cada uma e como colocá-las em seu site.

Disqus x Facebook

Disqus

O Disqus oferece login por Facebook, Gmail, Twitter ou pelo próprio Disqus.
Uma coisa muito legal é que o Disqus possue uma estrutura de "rede social de comentários". Ou seja, o usuário pode seguir seus amigos e ver os sites que eles estão comentando. O Disqus também sugere novos sites e posts aos usuários e isso gera mais visitas para o seu site ou post.
O Disqus funciona para diversas plataformas, inclusive Wordpress, Blogger e Tumblr.

Crie um App ID

Facebook

A ferramenta de comentários é muito prática. O Login é feito bem facilmente pelo Facebook. (A vá)
Uma vantagem do Facebook é que a ferramenta já é conhecida e possui a confiança dos usuários.

Crie um App ID

Qual escolher?

Essa questão depende principalmente do estilo dos seus usuários e do seu site.
O Facebook pode ser uma melhor opção para o seu usuário não exitar em comentar sua página, pois não precisa de novos cadastros.
Por outro lado, o Disqus pode oferecer uma experiência mais completa para o seu usuário, principalmente se ele for do tipo que acompanha blogs e notícias.

Colocando comentários no seu site!

Disqus

Crie uma conta

Você deve criar uma conta no Disqus aqui seguindo os passos do formulário.

Adicione o Disqus ao seu site

Escolha a plataforma do seu site. No caso vou exemplificar com universal code.

Adicione o Disqus ao seu site

Adicione o código mostrado ao seu site, no local onde os comentários devem ficar.

Adicione o Disqus ao seu site

Facebook

Crie um App ID

Você deve cadastrar seu site como um App no Facebook. Siga os passos abaixo:
Faça o cadastro aqui

Preencha o nome do seu APP e clique em "Create new Facebook App ID".

Crie um App ID

Escolha a categoria do seu App e clique em "Create App ID"

Crie um App ID

Após criar o seu App ID, clique em "Skip Quick Start" no canto superior direito.
Grave o seu App ID!

Crie um App ID

Configure sua página

Adicione o seguinte código à sua página. O código deve ser colocado próximo à tag de abertura do body. Não se esqueça de substituir "[SEU APP ID]" pelo SEU App ID.

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/pt_BR/sdk.js#xfbml=1&version=v2.4&appId=[SEU APP ID]";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

Adicione a seguinte div no local em que a ferramenta de comentários do Facebook deve ser colocada. Você deve substituir "[HREF DOS COMENTÁRIOS]" pela URL da página referente aos comentários. Por exemplo, nessa página a URL seria http://brulima.github.io/bestatic/post/ferramentas-de-cometarios.html
Você pode fazer essa substituição dinamicamente com um pouquinho de JavaScript. ♥

<div class="fb-comments" data-href="[HREF DOS COMENTÁRIOS]" data-numposts="5"></div>

E você?

Conhece mais alguma ferramenta que faz gerenciamento de código? Conta pra gente!