disqus - 在 DIV 或 SPAN 中显示 Disqus 评论计数 - 而不是

Question

我们目前在 <a href> 内的主页上的每个帖子上都显示了我们的 Disqus 评论计数。标签，我们看到这是由一些 javascript 更新的，它检测链接上是否存在 #disqus_thread。

但是，我们如何在标签之外显示评论计数？

这可能吗？

我们对直接链接到评论不感兴趣，所以我们想删除链接并只显示计数。

Answer 1

2014 年 11 月 3 日更新:

我们现在有一种方法可以在您想要的任何元素上使用评论计数。正规count.js脚本现在可以工作，如果你:

使用 disqus-comment-count类 AND

使用 data-disqus-url或 data-disqus-identifier属性

所以现在这些元素中的任何一个都可以工作:
<span class="disqus-comment-count" data-disqus-url="http://example.com/path-to-thread/"> <!-- Count will be inserted here --> </span>
和
<span class="disqus-comment-count" data-disqus-identifier="your_disqus_identifier"> <!-- Count will be inserted here --> </span>
旧答案(不要再这样做了)

当涉及到要查找的标签类型时，count.js 脚本相当不灵活(它必须是 a 标签)，因此您需要使用 API 来完成此操作。

此 API 调用为您指定的任意数量的线程返回一个线程数据数组(您正在查找“Posts”整数): http://disqus.com/api/docs/threads/set/

由于 API 限制，您最好运行此服务器端并缓存计数以提供给客户端。但是，除非您有一个非常繁忙的站点，否则在客户端进行操作通常是可以的。如果您的应用程序需要超过 1000 个请求/小时，您可以发送电子邮件至 developer@disqus.com。

编辑

这是一个关于如何使用 jQuery 执行此操作的快速示例。这假设您有几个如下所示的空 div:

<div class="my-class" data-disqus-url="http://example.com/some-url-that-matches-disqus_url/"></div>

javascript:

$(document).ready(function () {

        var disqusPublicKey = "YOUR_PUBLIC_KEY";
        var disqusShortname = "YOUR_SHORTNAME";
        var urlArray = [];

        $('.my-class').each(function () {
            var url = $(this).attr('data-disqus-url');
            urlArray.push('link:' + url);
        });


        $('#some-button').click(function () {
            $.ajax({
               type: 'GET',
               url: "https://disqus.com/api/3.0/threads/set.jsonp",
               data: { api_key: disqusPublicKey, forum : disqusShortname, thread : urlArray }, // URL method
               cache: false,
               dataType: 'jsonp',
               success: function (result) {

                    for (var i in result.response) {

                        var countText = " comments";
                        var count = result.response[i].posts;

                        if (count == 1)
                           countText = " comment";

                        $('div[data-disqus-url="' + result.response[i].link + '"]').html('<h4>' + count + countText + '</h4>');

                    }
                }
        });

});