|// Requires jQuery of course.|
|var disqus_shortname = 'YOUR-DISQUS-USERNAME'; // Replace this value with *your* username.|
|url: "http://" + disqus_shortname + ".disqus.com/embed.js",|
|// hide the button once comments load|
|<!-- An element a visitor can click if they <3 comments! -->|
|<button class="show-comments">Load Disqus comments</button>|
|<!-- The empty element required for Disqus to loads comments into -->|
Feb 19, 2014
REALLY useful. I knew that my page loads were being really severely effected by Disqus. Though I do also think Disqus is a great solution for comments, the loading time is a major issue so its worth sacrificing and using dynamic load. This is also majorly true for mobile devices. THANK YOU! :)
Apr 11, 2014
$.getScript would tidy things up a bit.
edit: ahh, the downfall is this sets cache to false. So you'd have to do something in ajax setup... or just don't listen to me and do what @nternetinspired said. :)
May 28, 2014
- How to make it open in a new window/pop up window ?
- How this code can be changed for using multiple threads on same page?
Jun 9, 2014
Amazing, thanks for this.
Jan 23, 2015
This is awesome - finally I found a solution that works with Content-Security-Policies. My attempts to get Disqus with the jQuery load() function all resulted in a unsafe-eval violation.
Thank you so much!
Feb 28, 2015
Fixed: I fixed the problem. The problem was that blogger redirects to the country specific blogger domain. That's when disqus looses the thread-url. I needed to use the disqus variables from their original code (https://help.disqus.com/customer/portal/articles/888340-manually-adding-a-disqus-gadget-to-blogger). The second problem was the embed.js script. I changed it to blogger_item.js and now everything works fine.
When I use this code for my blog, commens which already have been postet to it are not displayed. Somehow Disqus can not make the reference to the previous comments. Is there a way to fix this? Can I use the page URL as parameter somehow? I created a test-blog and there it works. Only difference: my shortname. the shortname for my real blog has "-" in it. Can it effect it? Do I need to escape them?
Jun 4, 2015
It's more practical to use protocol-relative URL, '//' instead of 'http://'. Disqus also suggests it in their template code.
Feb 6, 2017
How does this work on WordPress blog posts?
Feb 8, 2017
@seb86 you could just place the HTML code into the single.php file and the SCRIPT into the footer.php and that should do it.
Mar 22, 2017
@rrecinos Do I not have to specify a post ID?
Sep 15, 2017
Possible to make that button toggle comments on and off?
Oct 14, 2017
Thank you very much
Oct 30, 2017
Piggybacking off of euler0's comment, in this day and age you really just want to use HTTPS instead of protocol-relative.
See for example https://jeremywagner.me/blog/stop-using-the-protocol-relative-url
Feb 24, 2018
Mar 19, 2018
How to specifiy postID etc... ?
Simple and effective. Thanks for posting.