Discuz!整合多说社会化评论

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

请看代码：

1. <ul class="ds-recent-visitors"></ul>
   
2. <!--多说js加载开始，一个页面只需要加载一次 -->
   
3. <script type="text/javascript">
   
4. var duoshuoQuery = {short_name:"您的多说二级域名"};
   
5. (function() {
   
6.     var ds = document.createElement('script');
   
7.     ds.type = 'text/javascript';ds.async = true;
   
8.     ds.src = 'http://static.duoshuo.com/embed.js';
   
9.     ds.charset = 'UTF-8';
   
10.     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
    
11. })();
    
12. </script>
    
13. <!--多说js加载结束，一个页面只需要加载一次 -->

复制代码

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

1. <!--多说js加载开始，一个页面只需要加载一次 -->
   
2. <script type="text/javascript">
   
3. var duoshuoQuery = {short_name:"您的多说二级域名"};
   
4. (function() {
   
5.     var ds = document.createElement('script');
   
6.     ds.type = 'text/javascript';ds.async = true;
   
7.     ds.src = 'http://static.duoshuo.com/embed.js';
   
8.     ds.charset = 'UTF-8';
   
9.     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
   
10. })();
    
11. </script>
    
12. <!--多说js加载结束，一个页面只需要加载一次 -->

复制代码

不同的地方在于：

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

复制代码

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

1. <ul class="ds-recent-visitors"></ul>
   
2. <ul class="ds-recent-comments" data-num-items="10"></ul>
   
3. <!--多说js加载开始，一个页面只需要加载一次 -->
   
4. <script type="text/javascript">
   
5. var duoshuoQuery = {short_name:"您的多说二级域名"};
   
6. (function() {
   
7.     var ds = document.createElement('script');
   
8.     ds.type = 'text/javascript';ds.async = true;
   
9.     ds.src = 'http://static.duoshuo.com/embed.js';
   
10.     ds.charset = 'UTF-8';
    
11.     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
    
12. })();
    
13. </script>
    
14. <!--多说js加载结束，一个页面只需要加载一次 -->

复制代码

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

1. <div class="s-box sads group">
   
2. <h3 class="title">多说游客展示墙</h3>
   
3. <ul class="ds-recent-visitors"></ul>
   
4. <h3 class="title">多说评论</h3>
   
5. <ul class="ds-recent-comments" data-num-items="15"></ul>
   
6. <!--多说js加载开始，一个页面只需要加载一次 -->
   
7. <script type="text/javascript">
   
8. var duoshuoQuery = {short_name:"gouxiang.duoshuo.com"};
   
9. (function() {
   
10.     var ds = document.createElement('script');
    
11.     ds.type = 'text/javascript';ds.async = true;
    
12.     ds.src = 'http://static.duoshuo.com/embed.js';
    
13.     ds.charset = 'UTF-8';
    
14.     (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(ds);
    
15. })();
    
16. </script>
    
17. <!--多说js加载结束，一个页面只需要加载一次 -->

复制代码

这其中

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

复制代码

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

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

复制代码

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

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

复制代码

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

1. data-num-items="10"

复制代码

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

前排支持下分享。。。

1314学习网 发表于 2013-11-23 10:53
前排支持下分享。。。

谢谢支持！