Thursday, March 16, 2017

How to Add Disqus Comment Platform to Any Website


Disqus is one of the greatest effective and beautiful comment platform that supports any website, any devices (desktop to mobile) including Google AMP, with 70 languages supported and counting.

Recommend: How to Comment on Disqus and Create Account Instant 
How to install Disqus to any website or blog

The features why you should must install Disqus in your website or blog are given below:
1. Awesome design and colors (also customizable) that automatically adapted to your site.
2. From desktop to mobile works everywhere.
3. Access of powerful comment moderation (Spam, filter, reputation and many more).
4. Access to analyze the community built in your website or blog.
5. Disqus allow to make real-time discussions with up and down votes, threaded replies, recommends and many more interactions.
6. The media support (Upload images and videos on comment) is excellent to discuss lively.
7. You can make revenue by advertising with Disqus on your website or blog. The advertisement and its position are flexible (You can put ads below comment, above comment and in thread), adapted to page and supports revenue analytics. You can also choose and select ad types.
9. Increasing the page view.
10. Easy to install and many more.

How to install Disqus comment platform:

Step-1: To install Disqus, first you have to sign up and create Disqus for your website or blog. To do that, go to Disqus.com and sign up (If you have a profile on Disqus, you need not to sign up again. Just follow the next step) and you will see a pop box to sign up with Facebook, Twitter, Google Plus and Email. I do recommend to sign up with your email. Complete sign up by email confirmation, profile editing. After doing follow the next.

Step-2: Click the link and choose the second (I want to install Disqus) and you will be redirected a new page like below.
Create a new site on Disqus
Website Name: Put your Disqus name to show on your website's or blog's comment section. Example: COMPROMATH
Customize Your URL: Click to enable and choose the unique disqus URL. Example: compromathblog.disqus.com
Category: Select a category of your website or blog.

Next 'Create Site' and you will get a pop up box about welcome and scroll down and choose 'Got it. Let's get started'.

Step-4: You will get an option to select your website or blog platform (Wordpress, Blogger, Joomla, Tumblr etc). If you get your platform from the lists then select and install Disqus manually.
Choose the platform for Disqus
Choose the platform of your Website or Blog for Disqus

For Blogger, choose 'Blogger' platform and you will get like below.
How to Install disqus in Blogger
Click as direction to install Disqus in Blogger
Click on the first option as red arrow direction and you will redirected to your blogger add-widget option like below:
Add page element for disqus in blogger
Select your blog to install Disqus
Step-5: Select your blog where to install Disqus → Add Widget and save template.
Step-6: Finish. Now you will see Disqus comment section instead of Blogger comment in your each blogger post.

For Wordpress and others, select your platform and follow the given instructions.

If it has been troubled or if you do not find your platform to install Disqus in your website or blog, you can use universal code to install and it is simple and easy. To do it, just follow the given instructions.

Recommend: Have You Done This in Your Blogger Blog Site? 

First Step: In choose platform option, scroll down and you will see another option like below and click on.

Second Step: Now copy the following code.
<div id="disqus_thread"></div>
<script>

/**
*  RECOMMENDED CONFIGURATION VARIABLES: EDIT AND UNCOMMENT THE SECTION BELOW TO INSERT DYNAMIC VALUES FROM YOUR PLATFORM OR CMS.
*  LEARN WHY DEFINING THESE VARIABLES IS IMPORTANT: https://disqus.com/admin/universalcode/#configuration-variables*/
/*
var disqus_config = function () {
this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable
};
*/
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://compromathdemo.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
</script>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
Customize: Replace PAGE_URL with your website or blog and https://compromathdemo.disqus.com/embed.js with your Disqus URL.
Example: www.compromath.com
*** Don't use http://www.compromath.com/ or https://www.compromath.com/ instead of www.compromath.com 

Third Step:Add the follow script before </body> tag.
<script id="dsq-count-scr" src="//compromathdemo.disqus.com/count.js"></script>

Customize https://compromathdemo.disqus.com/count.js with your Disqus URL and save your template or theme.

You have done !

To get help more please comment below. Support from Disqus here. Disqus Help.

Have got this article helpful or not working? Put your comment below.

No comments:

Post a Comment

We appreciate your comment. Shout here.