Blogger default comments good for SEO (comments indexed). Disqus = fancy, login with Facebook, Twitter, upvote, but slower, not indexed by Google, ads. Which to use? Both can.
In Post #131, add Disqus in Blogger + best decision.
Disqus vs Blogger Comments - Honest Comparison
| Feature | Blogger Comments | Disqus |
| SEO | ✅ Comments indexed by Google, ranks | ❌ Comments NOT indexed, in iframe |
| Speed | ✅ Fast, no extra load | ❌ Slow, +1.5 sec load, 10 requests |
| Spam | Need moderation Post #130 | ✅ Better spam filter auto |
| Login | Google only | Google, Facebook, Twitter, guest |
| Best For | SEO blogs, AdSense blogs | Community blogs, viral blogs |
My advice: If AdSense + SEO is goal (your Label Monetization), keep Blogger comments. Add Disqus only if you want community like Reddit.
Step 1: Create Disqus Account
- Go to disqus.com → Sign up → I want to install Disqus on my site
- Site name: Your Blog Name
- Category: Tech
- Platform: Blogger → Create Site
- Copy Shortname: Example
yourblog123- you need this
Step 2: Install Disqus in Blogger Theme
- Blogger → Theme → Edit HTML
- Find
<div class='comments' id='comments'>or<b:includable id='comments'> - Replace entire comments block with:
<div id='disqus_thread'></div>
<script>
var disqus_config = function () {
this.page.url = "<data:post.url/>";
this.page.identifier = "<data:post.id/>";
};
(function() {
var d = document, s = d.createElement('script');
s.src = 'https://YOURSHORTNAME.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>
Replace YOURSHORTNAME with your disqus shortname from Step 1.
- Save
Step 3: Lazy Load Disqus - Make Fast (Important)
Disqus slows blog. Lazy load = loads only when user scrolls to comments.
<div id='disqus_thread' style='min-height:400px;'></div>
<div id='load-disqus' style='text-align:center;margin:20px 0;'>
<button onclick='loadDisqus()' style='background:#000;color:#fff;padding:12px 24px;border:none;border-radius:8px;cursor:pointer;'>Load Comments 💬</button>
</div>
<script>
function loadDisqus(){
var d = document, s = d.createElement('script');
s.src = 'https://YOURSHORTNAME.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
document.getElementById('load-disqus').style.display='none';
}
</script>
Now comments load only when user clicks Load Comments - PageSpeed 90+ still.
Step 4: Keep Both Blogger + Disqus? Dual System
Want SEO of Blogger + features of Disqus? Add tabs (Post #120):
Blogger Comments tab + Disqus tab - use Post #120 tabs code, put Blogger comments in Tab 1, Disqus in Tab 2
Step 5: My Final Recommendation for Your Blog
- Your niche = Monetization, Blogger tutorials → Keep Blogger comments (Post #128) - better for AdSense approval Post #133
- Don't use Disqus if AdSense is main income - Disqus shows own ads, against AdSense policy if too many ads
- Use Disqus only for 1 post: "Community Q&A" page
Post #131 Complete.
Next Post #132: How to Add Facebook Comments in Blogger - Facebook vs Disqus vs Blogger.
0 Comments