Disqus Element

Embed Comments on your website

Overview

Disqus is a blog comment hosting service (SaaS). You can use Disqus to allow visitors to comment and discuss on your content. 

The Disqus Element should only used once per site (because the markup Disqus generates is using Ids, we can't change that behavior). Also note that Disqus is using cookies and other privacy relevant techniques. Make sure to mention them in the privacy policy.

Usage Examples

  • Allow visitors to comment on your content.
  • Comments below your blog articles
  • Increase visitor engagement
  • Build up a community
  • You can even display ads with Disqus
  • ..

Disqus Properties

  1. Disqus Site Shortname: Before embedding Disqus into your Mame website, you have to create an account on disqus.com and create a new site for Disqus. You need to enter the shortname of it (THISPART.disqus.com) here.
  2. Page Identifier: Unique identifier to the page. If you don't supply one the unique page id is used.
  3. Page URL: The unique URL of the page where disqus is displayed. Make sure to set your global Canonical URL in the website properties, so this can be autogenerated.
The Element styling is mostly done by Disqus and your settings there. But you can add spacing (margin and padding) and a background to it (though white works best). 

See it in action

Generated HTML (Outline)


<div class="mame-element mame-disqus" style="..">
   <div id="disqus_thread">
</div>

Style / CSS Selectors


.mame-disqus {
  /* The whole disqus element */
}

JavaScript

Disqus needs the Mame JavaScript to work and also loads it's own JavaScript from the Disqus servers. If you use a Content Security Policy (CSP) make sure to add their websites as script, image and style source.

Was this article helpful?