为Google Blogger添加友言

友言一个简单而强大的社会化评论系统,一键评论同步至社交网络,增加网站用户活跃度,调动好友参与评论,帮助网站实现社会化网络优化(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 国际协议
  • 相关文章

    发表回复

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