Date Published: June 22, 2020
I just added a comments section to this blog using Disqus! Here's how.
Scroll down to the bottom of this page, and you'll see a brand-new comments section!
This comments section is powered by Disqus and allows (as you might expect) commenting on my blog posts. But how, you ask, did I get this set up? And how can you set it up on your own blog?
There are two main steps to setting up Disqus. The first is to go to disqus.com, set up an account, and connect your website. Disqus has a number of paid plans that you can select from, but the free Basic plan is plenty for a basic blog. The process here is more or less self-evident in Disqus's UI. Once I reached the install step, I did something a little different.
Instead of using Universal Code (since I'm not using a site like Wix), I used a friend's blog and GitHub repo as an example to add the Disqus plugin for my blog. I searched the entire repository for "disqus" and added all code with that mention to my blog.
After that, with a little troubleshooting (your shortname, for example, must match the shortname Disqus lists under General on your admin page for the site you're trying to configure), I had Disqus up and running on my blog. It was surprisingly quick and painless!
If you are using Gatsby for your site (and especially if you are using the same template as me (Gatsby + Netlify CMS Starter)), take a look at my GitHub repo.
Disqus also has some very helpful tutorials embedded in their website as you work through the process of setting up your site.
Thanks for reading! I hope you find this and other articles here at ilyanaDev helpful! Be sure to follow me on Twitter @ilyanaDev.