Adding Disqus commenting to your Articles

A group of four people of different ethnic backgrounds holding up conversation bubbles over their heads.
Start a conversation with your readers today using Disqus

Interested in promoting a dialogue with your readers? We have a method for you to try that incorporates the Disqus service into a block you can add to your Article content types.

Sign up with Disqus

  1. Visit https://disqus.com/ and click the Get Started button on the main page.
  2. Provide your login details and click the Signup button.

Create a code snippet for your site

  1. After your account creation process is complete, it will either return you to the Disqus homepage or immediately move you to the Admin panel. If you arrive on the home page, look in the upper right corner for the Admin link and click on it.
    Location of the Admin button on the Disqus homepage.
  2. On the Admin page, locate and click the Installing Disqus button.
    Installing Discus button
  3. On the What platform is your site on page scroll down and click on the Universal Code button.
    Universal Code button
  4. Begin generating your unique Universal Code snippet by clicking on the Create a Site button in the upper left corner.
    Location of the Create a Site button.
  5. The Create a Site page will have the following fields:
    1. Site Owner (pre-populated by your login information)
    2. Organization - leave blank
    3. Website Name - Ideally, create this as all one word; spaces will be replaced by hyphens.
    4. Category - as Disqus doesn't have a category for Education, we suggest using News
      Example of the Create Site button field inputs.
      Note the underlined section that provides you a preview of your disqus URL
  6. Click the Create Site button to continue.
  7. On the Select a Plan page, click on any plan that does include ad-supported features.
  8. On the What platform is your site on page scroll down and locate the Universal Code button.
  9. On the Universal Code Install Instructions page, scroll down until you see the code. Highlight the code, copy it, and paste it somewhere safe, preferably in a text editor. Your code snippet will look something like this:
    Code window containing the disqus code snippet.
  10. Head back to your SiteFarm site. Navigate to Shortcuts > Blocks > Custom Block Library tab. Click on +Add Custom Block.
  11. Select the Basic Block from the list. Provide a Title. Next, under the Body area, change the Text Format from Basic HTML to Full HTML using the drop-down arrow to the right of the word Basic HTML. This will convert the Body area from a WYSIWYG to an HTML text editor.
  12. Paste in the script provided by Disqus. Customize the following lines:
    Change this:
    this.page.url = PAGE_URL;  // Replace PAGE_URL with your page's canonical URL variable
    this.page.identifier = PAGE_IDENTIFIER; // Replace PAGE_IDENTIFIER with your page's unique identifier variable

    To this:
    this.page.url = https://<yoursitename>.ucdavis.edu/node/{{ nid }};
    this.page.identifier = /node/{{ nid }};
  13. Click the Save button.
  14. You can either use the Place Block button on an individual page to add your Disqus Block to the Content region if you're only using the comment on one page, OR, through the Block Layout page you can add the block to the Content region (like as close to the bottom of the list as possible, or at least below the Main content block, and, in its Page | Visibility section, either list the specific pages it should appear on or list /blogs/*, /news/*, or /yourcontenttype/* so it appears across all pages of that Content Type.
Please read Disqus' Data Processing Agreement for Publishers
as it pertains to the European Union's privacy
requirements under the General Data Protection Regulation (GDPR).

Category

Tags