为Google Blogger添加友言

2015/11/04
1 星2 星3 星4 星5 星 （投一票）
 暂无评论

友言一个简单而强大的社会化评论系统，一键评论同步至社交网络，增加网站用户活跃度，调动好友参与评论，帮助网站实现社会化网络优化(SMO)。友言可以发表评论同步至社会化媒体，并且作为网站与SNS网络沟通的桥梁，通过社会化媒体优化(SMO)，吸引更多网站回访，提升网站PV流量，口碑营销更加高效。

既然这么好，那就安装吧！我的要求也是很简单，每篇文章末显示，首页不显示，而且要在紧跟每篇文章之末，页码之前。

因为友言示提供Blogger的特定代码，那就用通用代码吧。在网址http://www.uyan.cc/getcode申请好代码后一般是如下格式：

  1. <!-- UY BEGIN -->
  2. <div id="uyan_frame"></div>
  3. <script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>
  4. <!-- UY END -->

初级方法：

因为本人是代码盲，看不懂代码，从上面一段代码大概意思是首先给个名，然后就再干什么，前后两条是说明。

首先想想，因为要求上面也说过了，因此猜代码应该放在post body及类似代码的后面。经过尝试发现上段代码放在

<b:if cond='data:numPosts != 0'>或者<!-- navigation --> <b:include name='nextprev'/>之前有比较好的效果。

这样在每页后面显示友言，而且是在页码之前。但是唯一不美观的地方是首页的最末也显示一项友言。最后再分析，再思考，发现怎么都无法完美的满足我的要求。

经过分析无觅的代码发现，无觅的代码比友言不一样，最特别的地方是多了一条

<b:if cond='data:blog.pageType == &quot;item&quot;'>一行代码。

能不能也给友言加上这段代码。
好了，虽然不懂代码，就抱着试试看吧。把友言的代码改成如下

  1. <!-- UY BEGIN -->
  2. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3. <div id="uyan_frame"></div>
  4. <script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>
  5. </b:if>
  6. <!-- UY END -->

把上面的代码放在如下代码之后

  1. <a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if>
  2. </b:loop>
  3. </b:if>

可以使用查找的方法查找<b:if cond='data:label.isLast != &quot;true&quot;'>

如果 与无觅同时使用，建议放在无觅代码之后，这样推荐的文章在前，评论框就紧跟后面。终于比较完美的满足我的要求了。

完美方法：

再分析友言的代码发现，开始的<div id="uyan_frame"></div>是给友言命名，也许编程上不这样讲，我是这样理解的。决定友言位置的就是这一代码。而紧跟后面的才是评论的内容。

上面的初级方法虽然满足了要求，但是对加载速度还是有影响的。

最好是把<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>放最后加载，这样可以更快的显示网页。

有了这种思想，再把友言的代码改改，只把如下代码放在上述位置

  1. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  2. <div id="uyan_frame"></div>
  3. </b:if>

而如下代码

  1. <script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>

放在</body>之前，这样可以最后加载，更快的显示网页。

PS：建议在代码之前加个说明，这样下回找的时候好找。如

  1. <!--友言图标开始-->
  2. <b:if cond='data:blog.pageType == &quot;item&quot;'>
  3. <div id="uyan_frame"></div>
  4. </b:if>
  5. <!--友言结束结束-->
  6. <!--友言代码开始-->
  7. <script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>
  8. <!--友言代码结束-->
  • 本博客文章如未特别说明，皆为本站原创，默认采用署名-相同方式共享 4.0 国际协议

    • 相关文章

    发表回复

    您的邮箱地址不会被公开。 必填项已用 * 标注