Discuz!整合多说社会化评论

dly · 发表于 2013-11-23 12:36:43

多说社会化评论很多人都会使用了，关于如何将评论框整合到Discuz!当中我就不多描述了，多说官方的教程虽然简洁，但是很容易上手，而且Discuz!官方也有很多人已经发过这方面的帖子！我也是照着别人的来！今天因为自己尝试整合最新访客机最新评论，所以才在这里发一篇教程！大家在多说的官方的开发文档-多说组件当中可以看到，多说官方告诉大家只需要植入代码即可！但是植入在什么位置，如何将两个一起整合，都没有详细谈到！这里我就稍微唠叨一下！
大家可以看我的页面旁边：
083854h5k5uigpiiuxhgu0.jpg.thumb.jpg

我的页面是整合到我自己使用的末班里面的，但是这个模板的页面在官方模板当中也有，大家不妨尝试一下！官方模板的相应位置是：template/default/forum/viewthread.htm

请看代码：

<ul class="ds-recent-visitors"></ul>
<script type="text/javascript">
var duoshuoQuery = {short_name:"您的多说二级域名"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = 'http://static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>

复制代码

官方说明了不论添加多少多说的小工具组件，js只需要加载一次！大家细心观察就会发现，所有的多说小工具组件下面的代码都是相同的：

<script type="text/javascript">
var duoshuoQuery = {short_name:"您的多说二级域名"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = 'http://static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>

复制代码

不同的地方在于：

<ul class="ds-recent-visitors"></ul>

复制代码

这一段代码！那么，如果我需要多说的访客及评论都放在一起怎么办？
可以这样写：

<ul class="ds-recent-visitors"></ul>
<ul class="ds-recent-comments" data-num-items="10"></ul>
<script type="text/javascript">
var duoshuoQuery = {short_name:"您的多说二级域名"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = 'http://static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>

复制代码

注意到了么？

，在看看官方的说明：
083958hky4tz9xya409kzn.jpg.thumb.jpg

看见了吧，其实这个官方说明当中必须存在的代码就是相关小工具的关键代码，只要有JS代码加上关键代码，就OK了！那么其它工具的整合就不用说了！至于为神马我的里面上面能有标题，是因为这样....

<div class="s-box sads group">
<h3 class="title">多说游客展示墙</h3>
<ul class="ds-recent-visitors"></ul>
<h3 class="title">多说评论</h3>
<ul class="ds-recent-comments" data-num-items="15"></ul>
<script type="text/javascript">
var duoshuoQuery = {short_name:"gouxiang.duoshuo.com"};
(function() {
var ds = document.createElement('script');
ds.type = 'text/javascript';ds.async = true;
ds.src = 'http://static.duoshuo.com/embed.js';
ds.charset = 'UTF-8';
(document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
})();
</script>

复制代码

这其中

<div class="s-box sads group">

复制代码

是调用的我的模板的样式，如果你也会调用自己的样式的话也可以这么整！不然的话就会没有框架，直接显示在页面上，稍微有点难看！而

<h3 class="title">多说游客展示墙</h3>

复制代码

这段代码就是显示的标题了！很简单吧，或许这个东西只适合新手，高手肯定都是知道的了！但是现在无数的草根站长的无奈又有谁懂了！比如说我，我竟然研究了两天才发现这么个小规律，实在是太悲催了！
介绍就到这里了，如果有神马不明白的，只要构想能解答，大家就尽管提问吧！最后多说一句，就是关于官网上很多人提问的那些关于显示数量等参数....其实构想知道怎么干，但是测试木有成功，不知道是官方的问题还是神马！我就顺带说一下！

<ul class="ds-recent-visitors"></ul>
<ul class="ds-recent-comments"<span style="line-height: 1.5;">data-num-items="10"</span>></ul>

复制代码

请看这一段代码，这段代码第二条就是官方的最新评论，后面那一小结

data-num-items="10"

复制代码

大家对比一下官方的说明就知道怎么回事儿了！唯一蛋疼的是....经过构想的测试，将参数代码添加在后面竟然木有用....而且导致无法显示多说的东西了....希望大家一起探讨，到底是官方的问题还是构想的方法本来就不对！

Discuz!整合多说社会化评论

相关帖子