2017年2月9日星期四

转载:Blogger多说评论代码正确安装

为Blogger插入多说评论框,亲测成功。

    1、获取多说代码

        登陆多说后台——工具——获取代码——通用代码
       代码如下:
 <!-- 多说评论框 start --> <div class="ds-7thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div> <!-- 多说评论框 end --> <!-- 多说公共JS代码 start (一个网页只需插入一次) --> <script type="text/javascript"> var duoshuoQuery = {short_name:"替换成你的多说short_name"};  (function() {   var ds = document.createElement('script');   ds.type = 'text/javascript';ds.async = true;   ds.src = (document.location.protocol == 'https:' ? 'https:' : 'http:') + '//static.duoshuo.com/embed.js';   ds.charset = 'UTF-8';   (document.getElementsByTagName('head')[0]     || document.getElementsByTagName('body')[0]).appendChild(ds);  })();  </script> <!-- 多说公共JS代码 end -->

    2、修改代码

        多说评论框:
 <!-- 多说评论框 start --> class="ds-7thread" data-thread-key="请将此处替换成文章在你的站点中的ID" data-title="请替换成文章的标题" data-url="请替换成文章的网址"></div> <!-- 多说评论框 end -->
         将上面四行代码改为
 <!-- 多说评论框 start --> <b:includable id='comments' var='post'>     <div class='ds-thread' expr:data-thread-key='data:post.id' expr:data-title='data:post.title'   expr:data-url='data:post.url'/>  </b:includable> <!-- 多说评论框 end -->

  3、插入代码

    (1):先在blogger设置页面中将评论设为隐藏。
    (2):打开 模板——修改html
        说明:
             前面的步骤比较简单,第三步是最重要的一步,之前我在blogger模板中插入多说代码的位置不对,于是每个页面都出现了多说评论,而不是出现在文章页,这是问题一。
            然后在多说的后台会出现以下这种情况:
Thread Key不是blogger文章的id,文章标题也未显示
            blogger中每篇文章都有一个对应的id,可以通过 data:blog.post.id 调用,这一问题已经在第二步时解决了。但是如果代码插入位置不对还是很有可能会出现评论框不显示、文章标题不显示等状况。这是问题二。
         之所以在blogger的编辑器里编辑,是因为这样方便我们寻找代码的插入位置。也可以在本地编辑器中修改。
        解决方法:
            1、找到 <b:widget id='Blog1' locked='true' title='博文' type='Blog' version='1' visible='true'> 代码。如图:
            这段代码包含内容是有关于blogger post 页面的。
            2、找到 <b:includable id='comments' var='post'>...</b:includable>,把这段删掉。然后将第二步修改后的多说评论框代码复制到此位置。
            3、最后把多说的js代码方法在 </body> 之前就可以了。

      后续问题:
             1、如果之前多说后台文章的Thread Key无法修改回来时,可以自己动手修改。

            blogger的post id 获取,在编辑博客帖子时,通过浏览器地址栏就可找到,这里不在赘述。
            2、手机页面和PC桌面浏览同一篇文章,显示的评论不同

               问题分析:手机浏览blogger博客的时候,会被跳转到网页地址后面跟上了 ?m=1 的字样,这就导致多说误以为这和原文链接是两篇不同的文章,因此显示了不同的评论。

              解决方法:登录多说评论的管理后台,将设置中的 忽略网址"?"后面的参数 填入 m 即可。
     参考1、https://support.google.com/blogger/answer/46995?hl=zh-Hans
              2、http://www.choublogger.com/2013/03/faq-for-using-duoshuo-in-blogger.html
原文链接:http://blog.iljw.me/2017/02/blogger-install-duoshuo-code.html

一键分享 Share

评论