"友荐"一个覆盖上亿用户的“猜你喜欢”网络,使用最先进的语义分析及社会化推荐技术,为每位用户匹配可能最感兴趣的内容,只需添加一行代码,即可为网站添加站内智能推荐功能,它与友言是一家公司。由于友荐现在支持的平台还无针对Blogger的代码,现在看看如何更好在Blogger中添加友荐。
先去网站http://www.ujian.cc注册账号,如果有友言的可以跳过这一步。然后是获取代码,可以初步自我设定一下。如果是选择的侧栏式,基本按照网站介绍安装就可以,基本不会出什么问题。但是建议选择嵌入式,这样效率更高些。而且嵌入式的安装最麻烦。初步设置后复复制代码,得到如下一段代码
<!-- UJian Button BEGIN -->
<div></div>
<script type="text/javascript" src="http://v1.ujian.cc/code/ujian.js?uid=1785497"></script>
<a href="http://www.ujian.cc" style="border:0;"><img src="http://img.ujian.cc/pixel.png" alt="为Blogger(Blogspot)添加友荐" alt="友荐云推荐" style="border:0;padding:0;margin:0;" /></a>
<!-- UJian Button END -->
因为有了安装友言的基础,因此安安装友荐难度也就少很多了。
初级方法
增加一段红色代码,修改代码成如下格式
<!-- UJian Button BEGIN -->
<b:if cond='data:blog.pageType == "item"'>
<div></div>
<script type="text/javascript" src="http://v1.ujian.cc/code/ujian.js?uid=1785497"></script>
<a href="http://www.ujian.cc" style="border:0;"><img src="http://img.ujian.cc/pixel.png" alt="为Blogger(Blogspot)添加友荐" alt="友荐云推荐" style="border:0;padding:0;margin:0;" /></a>
<!-- UJian Button END -->
把上面的代码放在如下代码之后即可,
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>
代码优化
如安装友言(http://www.www.anaids.com/2013/05/bloggerblogspot.html)中提到的,可以只把如下代码放在上述位置
<b:if cond='data:blog.pageType == "item"'>
<div id="uyan_frame"></div>
而如下代码<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>放在</body>之前,
进一步优化
因为友言和友荐的代码差不多,因此可以把友言和友荐的代码合并一起安装,具体如下:
- 更改代码
<!--友言友荐图标开始-->
<b:if cond='data:blog.pageType == "item"'>
<div></div>
<div id="uyan_frame"></div>
</b:if>
</b:if>
<!-- 友言友荐 开始-->
- 把上述红色代码安装到如下代码的 </b:if>之后,成如下样式
,
<!--友言友荐图标开始-->
<b:if cond='data:blog.pageType == "item"'>
<div></div>
<div id="uyan_frame"></div>
</b:if>
</b:if>
<!-- 友言友荐图标结束-->
- 把如下代码安装到</body>之前
<!--友言友荐代码开始-->
<script type="text/javascript" src="http://v1.ujian.cc/code/ujian.js?uid=1785497"></script>
<a href="http://www.ujian.cc" style="border:0;"><img src="http://img.ujian.cc/pixel.png" alt="为Blogger(Blogspot)添加友荐" alt="友荐云推荐" style="border:0;padding:0;margin:0;" /></a>
<script type="text/javascript" id="UYScript" src="http://v1.uyan.cc/js/iframe.js?UYUserId=0" async=""></script>
<!--友言友荐代码结束 -->
这样最后的格式就是先出友荐推荐,最后是评论框,如本博客所示。
PS:Win8+Chrome测试