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