5 Ways to Add Comments to Ghost
Ghost is a great blogging platform, but does not yet have a built-in commenting system.
Also, Ghost does not yet have an API for plugins, so it doesn’t have an obvious way to add comments.
In this tutorial, we’ll show you five ways to add comments to your Ghost blog.
We’re going to cover these five commenting platforms:
- Disqus
- Livefyre
- Google+
- Ouija
Option #1. Disqus
Disqus.com (used on this ostraining.com blog) is one of the most widely used commenting platform. Follow these steps to integrate Disqus with your Ghost blog:
- Go to Disqus.com and signup for a new account.
- After registration head over to http://disqus.com/admin/create/ and fill out the form:
- Site Title: Enter the name of your website
- Disqus URL: This is automatically set based on the site name but you can also customize it.
- Category: Choose a category that best describes your website.
- The next page will display a list of popular CMS which have plugins for easy integration. Since Ghost does not yet support plugins, click on the Universal Code option.
- Copy and save the code provided.
- To add the comments to your blog, open the post.hbs file inside your theme folder and paste the code you had copied in the previous step just before the closing {{/post}} template tag:
- Now restart your Ghost blog to see the Disqus comments displayed below each post.
Option #2. Livefyre
Livefyre is a dedicated commenting system similar to Disqus. The integration is also similar to Disqus. To integrate it with your blog, follow these steps:
- Visit Livefyre.com and sign up for a new account.
- Head over to http://www.livefyre.com/install/.
- Enter your blog URL and then choose Custom as the platform.
- Click on the Step 02 button to proceed to next step.
- You will now see the integration code. Copy the code so we can use it in our next step.
- Open the ‘post.hbs’ file inside your theme folder and paste the code just before the closing {{/post}} template tag.
- Now save and restart your Ghost blog to see the Livefyre comment box displayed below your posts:
Option #3. Google+
Google does not offer or officially recommend using their commenting system anywhere else other than Blogger. However thanks to William Chambers, you can now easily integrate Google+ commenting by simply dropping few lines of code into your theme.
To add the Google+ comments to your blog, open the ‘post.hbs’ file inside your theme folder and paste the below code just before the closing {{/post}} template tag:
Option #4. Facebook
Integrating Facebook comments to your Ghost Blog is similar to integrating Google+ comments but you will also need a Facebook APP ID. Follow these steps to add Facebook comments to your blog:
- Go to https://developers.facebook.com/apps.
- Click on the Create New App button.
- Enter an App Name for the App ID and choose a category.
- Open your post.hbs file inside your theme folder and paste the below code just before the closing {{/post}} template tag.
<div id=”fb-root”></div>
<script>
(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) {
return;
}
js = d.createElement(s); js.id = id;
js.src = “//connect.facebook.net/en_US/all.js#xfbml=1&appId=<your-facebook-app-id-here>”;
fjs.parentNode.insertBefore(js, fjs);
}(document, ‘script’, ‘facebook-jssdk’));</script>
<div
class=”fb-comments”
data-href=”{{@blog.url}}/{{slug}}”
data-colorscheme=”light”
data-numposts=”10″
data-width=”700″ >
</div>
- Replace <your-facebook-app-id-here> in the above code with the Facebook App ID you created in the previous step.
- Restart your Ghost blog.
Option #5. Ouija
Ouija is a new solution which aims to provide commenting in the sidebar (rather than below the footer) that you see on sites such as NYTimes.com and Medium.com. Ouija will be a commenting platform for Ghost only. It’s still under development and as stated on their website it’s not ready for production use, but you can sure test it. Head over to http://ouija.io/ and follow the instructions on the website.
Summary
Of the five systems we’ve shown above, Disqus and Livefyre definitely are the most popular choices. As development of Ghost continues and the plugin API is released, it will become easier to add comments in the future.
thanks for tips. this is very informative. thanks again..
Its a nice tutorial to look up
Not wanting to use Disqus (with ads and whatnot)
The [url=http://ouija.io]ouija.io[/url] link is broken.
I really like your blog. I really appreciate the good quality content you are posting here.
Disqus is a pretty nice commenting system. I am using it on some of my blogs and it has been quite stable.
use facebook comments plugin box and it is the best box because it would not allow any url to be hyperlinked
how about using facebook comment box
you can use disqus as it is one of the best commenting platform
Which commenting platform are you using btw?
Nice article! Thanks for sharing
That’s a great opinion, according to me commenting is one of the ways to boost engagement on the insights.
Extremely interesting. Thank you for giving such an informative blog.
Thank you!
Excellent blog, knowledge growing forever in your blog that purpose AI Chatbot Platform use growing industries help full in this way
Thanks, Regards
Sinch India