資訊專欄INFORMATION COLUMN
摘要：不少網(wǎng)站使用的是多說等第三方評論系統(tǒng)，有時候需要在特定位置顯示對應文章的評論數(shù)，下面的方法可以快速獲取多說和的文章評論數(shù)，所得為純數(shù)字，方便排版布局。
不少網(wǎng)站使用的是多說等第三方評論系統(tǒng)，有時候需要在特定位置顯示對應文章的評論數(shù)，下面的方法可以快速獲取多說和 Disqus 的文章評論數(shù)，所得為純數(shù)字，方便排版布局。
多說提供了獲取文章評論數(shù)的接口，需要做的只是填好相關參數(shù)，然后再從返回的 JSON 數(shù)據(jù)中提取出評論數(shù)即可
請求參數(shù)short_name: 站點注冊的多說二級域名，比如注冊了 http://helloworld.duoshuo.com/, 則對應二級域名為 helloworld;
threads: 文章的 thread-key, 與評論框中 data-thread-key 一致。
返回數(shù)據(jù)示例{
"response": {
"about/index.html": {
"thread_id": "6205475504969401090",
"channel_key": null,
"thread_key": "about/index.html",
"reposts": 0,
"views": 0,
"likes": 8,
"dislikes": 0,
"comments": 187
}
},
"options": {
"comments_zero": "暫無評論",
"comments_one": "1條評論",
"comments_multiple": "{num}條評論"
},
"code": 0
}
數(shù)據(jù)提取
需要的只是評論數(shù) comments，這里使用 jQuery 的 getJSON 比較方便
$(function() {
var shortName = "moxfive";
var threads = "about/index.html";
var jsonUrl = "http://api.duoshuo.com/threads/counts.jsonp?short_name=" + shortName + "&threads=" + threads + "&callback=?";
$.getJSON(jsonUrl, function(result) {
$.each(result.response, function(i, field) {
var value = field.comments;
$(".duoshuo-count").text(value);
})
})
})
獲得的值會顯示在匹配的區(qū)域中
Disqus 加載相關 JS
域名中填入自己的 Disqus shortname，獲取方式參考 官方文檔
顯示評論數(shù)
這里介紹兩種借助特定 Class 顯示評論數(shù)的方法
提取純數(shù)字identifier 和 url 的值如果不清楚，可以自行設置，方法參考 官方文檔
獲取的評論數(shù)不正確，很可能是因為遠程數(shù)據(jù)沒更新，等等就好。
上面方法顯示的評論數(shù)是類似 1 Comment 這樣的格式，這里可以把它轉為純數(shù)字格式 1
使用 jQuery 綁定事件，當評論數(shù)信息顯示時去掉非數(shù)字字符即可
var $disqusCount = $(".disqus-comment-count");
$disqusCount.bind("DOMNodeInserted", function(e) {
var num = $(this).text().replace(/[^0-9]/ig,"");
$(this).text(num)
})
相關鏈接
多說官方文檔: 獲取文章評論、轉發(fā)數(shù)
多說官方文檔: 代碼顯示【文章評論數(shù)】方法
Disqus Help: Adding comment count links to your home page
文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉載請注明本文地址：http://systransis.cn/yun/79729.html
摘要：所以我已經(jīng)將服務遷移至上，有興趣的同學請移步最新的一篇博文博客訪問量統(tǒng)計工具查看最新版本的使用方法。但是針對博客的訪問量統(tǒng)計，卻沒有什么可用的工具。 本文最初發(fā)布于我的個人博客：咀嚼之味 2016.04.23 通告： Hit Kounter 原本部署于 SAE 上，而近期 SAE 針對使用 MySQL 的應用開始收費。本項目只是一個本人使用業(yè)余時間開發(fā)的小工具；它本身包含的功能也很精...
摘要：所以我已經(jīng)將服務遷移至上，有興趣的同學請移步最新的一篇博文博客訪問量統(tǒng)計工具查看最新版本的使用方法。但是針對博客的訪問量統(tǒng)計，卻沒有什么可用的工具。 本文最初發(fā)布于我的個人博客：咀嚼之味 2016.04.23 通告： Hit Kounter 原本部署于 SAE 上，而近期 SAE 針對使用 MySQL 的應用開始收費。本項目只是一個本人使用業(yè)余時間開發(fā)的小工具；它本身包含的功能也很精...
摘要：使用渲染評論列表，搭配的反代可以實現(xiàn)在網(wǎng)絡審查地區(qū)加載評論列表支持自動檢測訪客的可用性自動選擇加載原生評論完整模式和提供的評論基礎模式。簡介最早看到屈哥的上看到了屈哥用開發(fā)的評論基礎模式供無法訪問的訪客查看評論和發(fā)表評論。 https://github.com/SukkaW/Dis... 使用 Disqus API 渲染評論列表，搭配 Disqus API 的反代可以實現(xiàn)在網(wǎng)絡審查地區(qū)...
摘要：百度統(tǒng)計先注冊個百度統(tǒng)計的賬號站長賬號，適合個人博客，注冊成功后按照提示，把代碼復制到中的的標簽里這里特指我的博客文件好了，這樣你的博客就差不多了，是不是感覺很酷今天就到這兒，下篇文章見。 我為什么要寫博客？其實我最初打算寫博客，原因很簡單，我就是想把工作中、學習中遇到 的問題及解決方案記錄下來，它能幫你梳理下整個過程的要注意的地方，寫寫你在工作中遇到的問題，用來記錄和回顧。Tips:...
閱讀 3468·2021-09-08 09:36
閱讀 2564·2019-08-30 15:54
閱讀 2355·2019-08-30 15:54
閱讀 1771·2019-08-30 15:44
閱讀 2395·2019-08-26 14:04
閱讀 2446·2019-08-26 14:01
閱讀 2883·2019-08-26 13:58
閱讀 1337·2019-08-26 13:47
