Adding Disqus to Modx Evolution
1. Create a disqus account, verify your email and log in to the account- remember your short name for step two.
2. Grab the Universal Embed Code and create a new chunk named disqus-
http://yourusername.disqus.com/admin/universal/ – when you use your short name in the URL to the left (replacing “yourusername”) the user code should be correct for your unique site. I also concatenated the second bit of code called comment count which is supposed to be placed just before the </body> tag into the disqus chunk and it seems to work fine for me.
<div id=”disqus_thread”></div>
<script type=”text/javascript”>
var disqus_shortname = ‘yourusername’;
(function() {
var dsq = document.createElement(‘script’); dsq.type = ‘text/javascript’; dsq.async = true;
dsq.src = ‘http://’ + disqus_shortname + ‘.disqus.com/embed.js’;
(document.getElementsByTagName(‘head’)[0] || document.getElementsByTagName(‘body’)[0]).appendChild(dsq);
})();
</script>
<noscript>Please enable JavaScript to view the <a href=”http://disqus.com/?ref_noscript”>comments powered by Disqus.</a></noscript>
<a href=”http://disqus.com” class=”dsq-brlink”>comments powered by <span class=”logo-disqus”>Disqus</span></a>
<script type=”text/javascript”>
/* * * CONFIGURATION VARIABLES: EDIT BEFORE PASTING INTO YOUR WEBPAGE * * */
var disqus_shortname = ‘yourusername’; // required: replace example with your forum shortname
/* * * DON’T EDIT BELOW THIS LINE * * */
(function () {
var s = document.createElement(‘script’); s.async = true;
s.type = ‘text/javascript’;
s.src = ‘http://’ + disqus_shortname + ‘.disqus.com/count.js’;
(document.getElementsByTagName(‘HEAD’)[0] || document.getElementsByTagName(‘BODY’)[0]).appendChild(s);
}());
</script>
3. Create a unique URL Identifier for Disqus. If you use the Modx document id variable it should always be unique.
For Modx Evolution use the following code just before your head tag:
<script type=”text/javascript”>
var disqus_identifier = ‘[*id*]‘;
</script>
4. Add a call to the disqus chunk in the content area of the page template(s). Just before the end of the div containing the content call: [*#content*], add {{disqus}} . Now you should be able to clear your site cache and test it.
Over the next few weeks I will upload more photos to the site under the key word rechenzentrum. All the photos are free for commercial and private use (copyright retained) as long as they are not used in association with illegal or immoral activities.
