HubSpot CMS

Disqus Comments

Disqus is a popular commenting system used and trusted by millions of websites. This module allows you to engage, share and post on disqus.

Created by: il-hubspot

Tags:

Unverified
?

After receiving a minimum of 25 recommendations, an entry earns the "Community Approved" badge.

Please keep in mind, all entries are community created and may not be fully supported by HubSpot.

0 Recommendations

View on:

GitHub

HubSpot Marketplace

HTML + HUBL
<div class="content-disqus-comment">
  <div class="container">
    <div id="disqus_thread" data-disqus-shortname="{{ module.your_disqus_shortname }}" data-canonical-url="{{ page_meta.canonical_url }}"></div>
  </div>
</div>
<noscript>Please enable JavaScript to view the <a href="https://disqus.com/?ref_noscript">comments powered by Disqus.</a></noscript>
                            

          
        
CSS
          
            .content-disqus-comment {
	padding-top: 40px;
  padding-bottom: 40px;
}

          
        
JS
          
            var disqus_config = function () {
	this.page.url = document.getElementById('disqus_thread').getAttribute('data-canonical-url'); 
};

(function() { 
	var d = document, s = d.createElement('script'), shortname = d.getElementById('disqus_thread').getAttribute('data-disqus-shortname');
	console.log(shortname);
	s.src = 'https://' + shortname + '.disqus.com/embed.js';
	s.setAttribute('data-timestamp', +new Date());
	(d.head || d.body).appendChild(s);
})();

          
        
Have Questions?

Ask technical questions in Slack.

HubSpot Developer Slack

Not a member yet? - join here
READ ME (VIEW IN GITHUB)

Disqus Comments

Disqus is a popular commenting system used and trusted by millions of websites.

The Disqus comments modules allows you to:

increase engagement of your visitors
increase visitor and traffic numbers
engage directly with your audience
learn more about your audience
replace the default HubSpot comment system

+++ How to set up Disqus for your HubSpot website? +++

  1. Create your Disqus account (if not done yet): https://disqus.com/profile/signup/

  2. Copy your Disqus shortname (You can find your Disqus Shortname here: http://disqus.com/admin/settings/general/; make sure that you are logged in)

  3. Paste Disqus shortname into HubSpot module field "Your Disqus Shortname"


Disqus Comments module demo can be visited here:

https://w.inboundlabs.co/disqus-comments-suf-demo


Disqus Comments module is part of the Startup Framework template which can be found here:

https://marketplace.hubspot.com/products/inboundlabs/startup-framework-marketplace


Have Questions?

If you have questions, please email me at github (at) inboundlabs.co


HubSpot

Not developing on HubSpot CMS yet?

We'd love to have you a part of our developer community!

 
0 Recommendations

Other Open Source Projects

Browse all other open source projects

CrankShaft Framework

A modern framework for accelerating build times on the HubSpot CMS. Based on a modified Bootstrap 4 framework.

Lead developers: Jon McLaren

Developer Chrome Extension

Chrome/Chromium extension for HubSpot CMS Developers that adds a developer menu, dark theme and useful shortcuts to commonly used HubSpot query parameters, resources, and tools for making HubSpot Development easier and more enjoyable.

Lead developers: Jon McLaren , William Spiro , Gonzalo Torreras

VS Code HubL Language Extension

This extension enables super fast local development of CMS pages, and is a great compliment to using the new local HubL server. It contains comprehensive HubL tag, function, filter and expression test auto-complete snippets, as well as their documentation.

Lead developers: William Spiro

Not coding on HubSpot CMS yet?

We invite you to explore why thousands of developers LOVE coding with HubSpot!

Contribute
Made with  by community members: InboundLabs.co