How to Add Disqus Comments to Your Ghost Blog

Adding Ghost Commenting System to Ghost blog
Ghost by default allows many customizations but unfortunately it doesn't have a default commenting system like WordPress.
But the good news is you can use other third party commenting systems to your ghost blog like Disqus, Google+, Facebook and more.
In this tutorial you will learn how to add Disqus commenting system to Ghost blog.

How to add Disqus Commenting to Ghost

About Disqus

Disqus is a blog comment hosting service for Web sites and online communities like blogs. Disqus is very popular among most of the bloggers and many blogs use it.
First you will need a free Disqus account. Go ahead and register your new Ghost site while you're there. Note down Disqus shortname is; you'll need it later.

Follow below steps to add Disqus to your Ghost blog

Open your post.hbs file and look for {{/post}}. Place the following code just after that,but before </article>:
<div style="clear:both;"></div>
<div id="disqus_thread"></div>
<script type="text/javascript">
    var disqus_shortname = 'example'; // required: replace example with your disqus shortname
    var disqus_identifier = '{{post.id}}'; // make sure to use the post.id as an identifier, otherwise disqus will use the pages url per default, which might no work sometimes...

    /* * * DON'T EDIT BELOW THIS LINE * * */
    (function() {
        var dsq = document.createElement('script'); dsq.type = 'text/javascript'; dsq.async = true;
        dsq.src = '//' + disqus_shortname + '.disqus.com/embed.js';
        (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(dsq);
    })();
</script>
<noscript>Please enable JavaScript to view the <a href="http://disqus.com/?ref_noscript">comments powered by Disqus.</a> or upgrade your browser.</noscript>
<a href="http://disqus.com" class="dsq-brlink">comments powered by <span class="logo-disqus">Disqus</span></a>

Make sure you replace example with your shortname in var disqus_shortname = 'example'; line.
Done: Now you have successfully installed disqus commenting on your Ghost blog.

Comments

Popular posts from this blog

Show Full Post on Front Page of Ghost, Not Excerpt

Video Blogger Templates

5 Beautiful Dark Blogger Templates