Have you ever wanted to display multiple Disqus threads on a single page of your website? This feature can be particularly useful if you have diverse topics or discussions happening on different sections of your site. Luckily, integrating multiple Disqus threads onto one page is simpler than you might think.
To achieve this, you need to utilize the unique identifiers (shortname) provided by Disqus for each thread. The shortname is essentially a unique identifier for your website within the Disqus system. You can find this shortname in your Disqus admin panel under the Settings section when you click on the website you want to work with.
After obtaining the shortnames for the threads you wish to display, the next step involves embedding these threads into your webpage. Start by including the Disqus embed script in the HTML where you want the discussions to appear. Ensure you include this script only once on the page.
To include multiple threads, you will need to adjust the script to load each thread separately. This can be done by passing the unique shortnames for each thread in the 'disqus_identifier' field when loading the Disqus comments. Here's a basic example:
<div id="disqus_thread1"></div>
<div id="disqus_thread2"></div>
var disqus_config = function () {
this.page.identifier = 'unique_thread_identifier1';
};
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://yourdisqusshortname.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();
var disqus_config = function () {
this.page.identifier = 'unique_thread_identifier2';
};
(function() { // DON'T EDIT BELOW THIS LINE
var d = document, s = d.createElement('script');
s.src = 'https://yourdisqusshortname.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();Replace `'yourdisqusshortname'` with your actual Disqus shortname and set a unique identifier for each thread accordingly. By repeating this script block for each thread with the corresponding shortname and identifier, you can effectively display multiple discussions within a single page.
Remember to adjust the styling and layout of the Disqus threads to suit your webpage's design for a seamless user experience. Testing the functionality after implementation is crucial to ensure everything works as expected.
By following these steps, you can enhance user engagement on your website by offering multiple Disqus threads on a single page, promoting diverse discussions and interactions across your platform. Experiment with this feature and discover new ways to enrich the engagement on your site!