[Tutorial] Configurando o serviço de disqus na implementação de site estático que usa o CMS Pelican e é hospedado no Github
Tags: tutorial, webdev, braziliandevs
Published: 2022-03-05 15:02:41

Segundo o Wikipédia:

> Disqus é um serviço online que oferece uma plataforma centralizada de discussões e postagem de comentários para sites, fundado por Daniel Ha e Jason Yan em maio de 2007 sob a empresa Big Head Labs Inc. O Disqus suporta integração com Gravatar, Facebook, Twitter e outras redes sociais, e em 2010 ultrapassou 13 milhões de usuários registrados em mais de 500 mil comunidades.

Nesse sentido, esse tutorial tem como objetivo explicar os passos da configuração do serviço do **Disqus** na implementação de site estático, criado por meio do CMS Pelican e hospedado no github.

Antes de mais nada, é importante dizer que esse tutorial considera o processo de implementação de site estático utilizando o CMS Pelican que você pode ver o tutorial [aqui](https://dev.to/pamellabiotec/tutorial-usando-o-pelican-na-implementacao-de-sites-estaticos-37ed).

## Os passos da configuração

Inicialmente, deve ser acessado o [site do disqus](https://disqus.com/), se cadastrar ou fazer o login. 

Em seguida, ir em **settings**, seleciona no menu **Moderation** veja nessa figura:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/xjgaqstzpno4qej73ros.png)
Fonte: Produzida pela autora a partir do site disqus.

Como pode ser visto na figura, para quem nunca adicionou site terá essa aparência e nessa figura há uma seta indicando onde você deve clicar, _go here_.

Ao acessá-lo, abrirá uma nova janela contendo _Learn about our features_, deverá descer até o final da página e acionar o botão _Get Started_. Em seguida, aparecerá um nova tela, conforme mostra na figura abaixo:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/wjiebtb5vlxxpzuowdht.png)
Fonte: Produzida pela autora a partir do site disqus.

Nesse momento deve acionar o botão _I want to install Disqus on my site_, logo veremos um painel de controle contendo alguns campos que dever ser preenchidos conforme mostra a figura abaixo:


![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/lzhakk5kznlqhalme2v4.png)
Fonte: Produzida pela autora a partir do site disqus.

No campo _Website Name_ deve ser colocado um nome único que constituirá no endereço dentro do disqus, ficando assim por exemplo: `yourwebsitename.disqus.com`. Na sequência, você selecionará uma categoria relacionada ao site em questão e depois clique no botão _Create site_.

Após isso, aparece um tela contendo alguns planos oferecido pelo sistema da **Disqus** e algumas opções na lateral a esquerda, selecione a opção _Configure Disqus_. Aparecerá um tela contendo alguns campos para ser preenchidos: em _Website URL_ você coloca o domínio do seu site; em _Comment Policy URL_ você coloca o endereço da página que contém a Política de comentário do site; em _Comment Policy Summary_ coloque uma breve descrição ou apresentação da política de comentário que será exibida juntamente com o serviço disqus. Tem outros campos que podem ser alterados se você quiser. Por fim, clique no botão _next_. 

Na próxima tela que aparecerá _Comment and Moderation Settings_ você deve escolhe uma das duas opções exibidas e em seguida clique no botão _Complete Setup_. Na sequência será exibida uma tela contendo a mensagem que em português é:

> Configuração concluída!
> Parabéns, você terminou de instalar o Disqus! Aqui estão algumas páginas para ajudá-lo a começar a usar o Disqus.

Em seguida, iremos colocar o avatar no moderador de comentário, assim, selecione entre os menus da parte superior o _Settings_, no campo _Default Commenter Avatar_ você clica para alterar o avatar e você pode carregar o ícone ou imagem do logotipo do site e em seguida clique no botão _Save_.

Agora, iremos lá no seu site local, aqui considerando o CMS Pelican, abre o arquivo pelicanconf.py e acrescenta no código a seguinte linha:
`DISQUS_SITENAME = 'onomedoseusite'`

Lembre do primeiro formulário preenchido onde você inseriu um nome no campo _Website Name_. Então, esse é o que você irá inserir no lugar de 'onomedoseusite'. Salve o arquivo alterado. Pronto! Agora, você faça a atualização no [github](https://github.com/) conforme é descrito nesse outro [tutorial](https://dev.to/pamellabiotec/tutorial-usando-o-pelican-na-implementacao-de-sites-estaticos-37ed).

## Consideração Final

Bem, vimos nesse tutorial os passos da configuração do serviço do **Disqus** na implementação de site estático, criado por meio do CMS Pelican e hospedado no github. 

___
Referências:

Disqus.Disponível em:  [https://pt.wikipedia.org/wiki/Disqus](https://pt.wikipedia.org/wiki/Disqus)