Introduction

Integrating Disqus commenting into N-13 News is very simple to do. See the below screenshot for an example of how it looks.

(Click to enlarge)

Integration

The first thing you need to do is create an account over at Disqus. Once you've created your account and logged in you'll need to register your site. Go here to do that. Once your site has been registered all you need to do now is get the code to integrate into the news system.

Click on your site name at the top right corner, a drop down menu should appear. Select Installation Instructions. At the bottom of that page select Universal Code. From here you should be shown a page with 2 large text boxes containing code. This is the code we'll use to integrate the comments.

The first section of code will display the actual Disqus comments + comment form. The best place to put this is in the Comments Structure section within your template. Remove the {commentsform} & {comments} tags and replace with the Disqus code.

The second piece of code is used for displaying the amount of comments each article has. Paste this code at the bottom of both the Commments Structure & News Structure sections within the template.

By using Disqus comments you're completely bypassing the built in commenting system so this means that the built in comment count {comments} tag won't function properly when adding comments via Disqus. To solve this issue you simply create a new hyperlink in place of where you would normally place the {comments} tag within the News Structure section of the template

<a href="http://example.com/news/?id={id}#disqus_thread">Comments</a>

This will create a new hyperlink showing the amount of comments which when clicked will take you to the full story/comments page

The second piece of code should be placed wherever you want the Disqus comments to appear. The best place to put this is in the Comments Structure section.

If all has gone well you should now be able to comment on your news articles using Disqus comments