Comments with Cusdis

I here recently learned about Cusdis, a new approach to adding “Comments” sections to your site. It still has some raw edges, is (still?) free (I’ll donate), and seems to be free of some privacy issues.

Below is my comment-section.html file, which I include in my footer.html and thus appears on every page. The sparse styling is my idiosyncrasy, you can remove, I simply include the full file here:

<br style="clear:both;">
{% assign commentTitle = "Your Comments" %}
{% if page.language == "de" or layout.language == "de" %}
  {% assign commentTitle = "Besucher-Kommentare" %}
{% endif %}
<div style="border: 1px solid grey; border-radius: 5px;">
<details>
	<summary class=h2 style="cursor:pointer; margin-top: 2px;">{{ commentTitle }}</summary>
<div id="cusdis_thread"
  data-host="https://cusdis.com"
  data-app-id="XXXXXXXXXXXXXXXXXXXX"
  data-page-id="{{ page.id }}"
  data-page-url="{{ page.path }}"
  data-page-title="{{ page.title }}"
></div>
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>
</details>
</div>

If you go to my site you’ll see it in action at the bottom of every page. I’m still testing it, it’s early days, interested in your opinion.

1 Like

Replying to myself…
I have noted that page.id is only defined for posts. To make Cusdis comments work for all pages, it’s now changed like so:

<div id="cusdis_thread"
  data-host="https://cusdis.com"
  data-app-id="XXXXXXXXXXXXXXXXXXXX"
  data-page-id="{{ page.path }}"
  data-page-url="{{ site.url }}/{{ page.path }}"
  data-page-title="{{ page.title }}"
></div>
<script async defer src="https://cusdis.com/js/cusdis.es.js"></script>