While going through the instructions provided on Disqus, I encountered an issue where the comment-box failed to render. Everything seemed to be correctly set up from the admin end on Disqus.
var disqus_config = function () {
this.page.url = {{request.build_absolute_uri}}; // The placeholder text says | Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = {{instance.id}}; // article unique ID | Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
The {{request.build_absolute_uri}} returns
http://localhost:8000/posts/*[post_title]*/instance.id is an integer increasing by one for each post (e.g. 2)
I have configured the domain on Disqus to be http://localhost:8000/posts/ (as it currently leads to a 404 error without specifying a sub-url)
(function() {
var d = document, s = d.createElement('script');
s.src = '//trydjango19.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
In addition, I have included the comment count JS file and added #disqus_thread to all links on the homepage.