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/">  </span>

和

<span class="disqus-comment-count" data-disqus-identifier="your_disqus_identifier">  </span>

旧答案（不要再这样做了）

当涉及到它所寻找的标记类型（它必须是a标记）时，count.js脚本相当不灵活，因此您需要使用API来完成此任务。

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

由于API限制，您最好在服务器端运行并缓存计数以便为客户端提供服务。但是，除非你有一个非常繁忙的网站，否则做客户端通常很好。如果您的申请需要超过1000个小时的请求，可以发送电子邮件至developers@disqus.com。

修改

这是一个快速示例，说明如何使用jQuery执行此操作。这假设您有几个空div，如下所示：

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

le 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>'); } } }); });

Answer 2

没有jQuery解决方案：

var gettingCount = false;
var countCallerCallback = null;
function countCallback(data) // returns comment count or -1 if error
{
    var count = -1;
    try {
        var thread = data.response[0];
        count = thread === undefined ? "0" : thread.posts;  
    }
    catch (ex) {
        console.log("FAILED TO PARSE COMMENT COUNT");
        console.log(ex);
    }

    // always do this part
    var commentCountScript = document.getElementById("CommentCountScript");
    document.getElementsByTagName('head')[0].removeChild(commentCountScript);
    countCallerCallback(count);
    gettingCount = false;
    countCallerCallback = null; // if this got reset in the line above this would break something
}
function getCommentCount(callback) {
    if(gettingCount) {
        return;
    }
    gettingCount = true;

    var script = document.createElement('script');
    script.id = "CommentCountScript";
    var apiKey = "api_key=MY_COOL_API_KEY";
    var forum = "forum=MY_FORUM_SHORT_NAME"
    var thread = "thread=" + "link:" + window.location.href;
    script.src = 'https://disqus.com/api/3.0/threads/set.jsonp?callback=countCallback&' + apiKey + "&" + forum + "&" + thread;
    countCallerCallback = callback;
    document.getElementsByTagName('head')[0].appendChild(script);
}
getCommentCount(function(count){alert(count);});

在DIV或SPAN中显示Disqus评论计数 - 而不是<a href=""></a>

2 个答案: