Build a community around your website with Disqus comments

The Composite.Community.Disqus.Comments package allows you to add a Disqus -based feature-rich comment system to your website. It is integrated with social networks and features advanced administration and moderation options, and other extensive community functions.

You should have a Disqus account and register your website.

Before you begin

  1. Log in to your Disqus account.
  2. In the dashboard,  open the settings of your registered website.
  3. Copy the website shortname.

How to implement

  1. Edit a page or a template.
  2. Insert the Composite.Community.Disqus.Comments function ( Insert | Function) or add the similar code:
       
     
<f:function name="Composite.Community.Disqus.Comments" xmlns:f="http://www.composite.net/ns/function/1.0"> 
  <f:param name="ForumShortname" value="c1demo" /> 
  <f:param name="Developer" value="False" /> 
</f:function>

  3. Set the required parameter:
    • Site Shortname: The site shortname of the website registered the Disqus comments.
  4. If needed, set the optional parameter:
    • Developer: If 'False' (unchecked), Disqus will not attempt to read the location of your page and validate the URL. 'False' is default and is recommended when testing on an inaccessible website.

Showing commentS related information

You can also show the useful information related to the comments on your website: recent comments, popular threads, top commentors or the combination thereof.

  1. Edit a page.
  2. Insert the Composite.Community.Disqus.FeaturedComments function ( Insert | Function) or add the similar code:
       
     
<f:function name="Composite.Community.Disqus.FeaturedComments" xmlns:f="http://www.composite.net/ns/function/1.0"> 
  <f:param name="ForumShortname" value="c1demo" /> 
  <f:param name="Mode" value="Recent" /> 
  <f:param name="Items" value="5" /> 
  <f:param name="ModeratorsRanking" value="False" /> 
  <f:param name="ColorTheme" value="Blue" /> 
  <f:param name="DefaultTabView" value="Recent" /> 
  <f:param name="ExcerptLength" value="200" /> 
  <f:param name="ShowAvatars" value="True" /> 
  <f:param name="AvatarSize" value="48" /> 
</f:function>

  3. Set the required parameter:
    • Site Shortname: The site shortname of the website registered the Disqus comments.
  4. If needed, set the optional parameters:
    • Mode: The information about the comments to be displayed: recent posts, popular threads, top commenters, or the combination thereof  ('Recent' by default)
    • Items: The number of items to display (5 by default)
    • ModeratorsRanking: If 'True',  it shows the moderators in ranking ('False' by default)
    • ColorTheme: The color theme to use: Blue (default), Grey, Green, Red, Orange
    • DefaultTabView: The default tab view ('Recent' by default)
    • ExcerptLength: The length of the comment excerpt (200 by default)
    • ShowAvatars: If 'True' (default), avatars will be shown
    • AvatarSize:   The size of an avatar (48 by default)

Requirements

Composite C1 version 2.1.1 or later

SHARE