Bonjour/bonsoir à tous, comme vous ne le savez probablement pas, le blog utilisait Disqus jusqu'à encore aujourd'hui pour gérer les commentaires sur les articles.

Quand j'ai créé le blog il y a quelques mois via Ghost, la solution de facilité pour implémenter des commentaires semblait être Disqus (il suffit de voir les résultats naturels pour le terme de recherche "Ghost + comments").

Et en effet, l'installation s'était avérée assez simple et l'outil était fonctionnel donc ça m'allait plutôt bien. Jusqu'à il y a une quinzaine de jours où je suis tombé sur l'article de Camille Roux sur "Pourquoi j’ai supprimé Disqus de mon blog". "Ah bah mince que je me dis".

Mais c'est vrai que les raisons de la suppression de Disqus soulevées par Camille sont légitimes :

  • Nécessité de se créer un compte pour répondre
  • Trackers
  • Temps de chargement de la page

Donc bon j'ai pris la décision de virer Disqus et quitte à en changer autant prendre un outil respectueux de la vie privée. Mon choix se porte donc sur Commento qui est très léger, open source et sans publicité.

Supprimer Disqus pour installer Commento

Ce que j'aime bien chez Ghost c'est que tout se fait assez simplement une fois que l'on en comprend le fonctionnement. Pour la partie commentaire il faut donc se rendre dans le fichier post.hbs (sur Casper en tout cas) puis trouver la bonne section.

Chez moi :

/var/www/ghost/versions/2.23.1/content/themes/casper/post.hbs

Avec Disqus j'avais donc quelque chose qui ressemblait à ça :

<section class="post-full-comments">
	<div id="disqus_thread"></div>
		<script>
			var disqus_config = function () {
			this.page.url = '{{url absolute = "true"}}';  // Replace PAGE_URL with your page's canonical URL variable
			this.page.identifier = "ghost - {{comment_id}}"; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
			};
			(function() { // DON'T EDIT BELOW THIS LINE
			var d = document, s = d.createElement('script');
			s.src = 'https://holory.disqus.com/embed.js';
			s.setAttribute('data-timestamp', +new Date());
			(d.head || d.body).appendChild(s);
			})();
	</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
</section>pt">comments powered by Disqus.</a></noscript>
</section>

Pour passer à uniquement 4 lignes avec Commento :

<section class="post-full-comments">
				<div id="commento"></div>
				<script defer src="https://cdn.commento.io/js/commento.js"></script>
            </section>

Je configure ensuite rapidement mon compte depuis l'interface web de Commento, je relance ghost en me mettant dans le bon directory et avec le bon user :

sudo su - ghostuser
cd /var/www/ghost/
ghost restart

Et hop la section commentaire fait son apparition :

Bon alors maintenant c'est bien beau mais comment je récupère mes commentaires Disqus ? Ne vous en faites pas, tout a déjà été prévu. Il suffit de se rendre sur le page export de Disqus :

Puis une fois que vous avez l'URL de votre export il ne reste plus qu'à la donner à Commento pour qu'il fasse le travail tout seul :

Et voilà vous venez de récupérer vos commentaires et même les imbrications fonctionnent toujours, que demande le peuple ?