DEV Community

Cover image for [Tutorial] Configurando o serviço de disqus na implementação de site estático que usa o CMS Pelican e é hospedado no Github
Pâmella Araújo Balcaçar 🇧🇷
Pâmella Araújo Balcaçar 🇧🇷

Posted on

[Tutorial] Configurando o serviço de disqus na implementação de site estático que usa o CMS Pelican e é hospedado no Github

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.

Os passos da configuração

Inicialmente, deve ser acessado o site do disqus, se cadastrar ou fazer o login.

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

Image description
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
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
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 conforme é descrito nesse outro tutorial.

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

Top comments (0)