博客园公告栏微博相关功能及流量统计实现

第一章：微博相关功能实现

    众所周知，中国的两大微博是新浪微博和腾讯微博，有越来越多的人成为“微博控”。自然，微博用户有这么多，如何让别人快速的收听自己以及向别人展示自己的微博内容是很重要的，这能帮你赢得微博人气。

　　闲话少说，咱们先从新浪微博开始。

 1.首先进入新浪微博开放平台的网站接入（http://open.weibo.com/connect），登入你的新浪微博账号，选择你需要的网站合作模式。在这里我们选择微博组件。

2.打开微博组建链接后会有几种微博组建供选择，这里介绍两种：关注按钮和微博秀。

（1）关注按钮：

　　　点击关注按钮，输入你要关注微博账号的名称，即你的微博账号名字（注意：此时一定要删掉原有的文字重新输入一遍，当点击下方的几组单选按钮时右边的效果预览窗口显示出“你　　　　　　　　自己”，就代表你输入正确），调整下方的选项，然后复制IFRAME的代码（若应用于博客园，则只能用此种模式，其他个人网站则可以灵活选择）。

（2）微博秀：

      微博秀的设置更简单些，选择你喜欢的并且合适的颜色，建议你使用文字链（在基础设置中）并取消显示粉丝（在样式设置中），相应减少高度，（因为博客园公告栏的空间实在有限），然后复制最下方的html代码。

3.打开公告栏的设置，先输入一个div，在内部用js代码输出IFRAME框架：

<div id="weibowidget">
<script type="text/javascript">
var weibocode ='<iframe width="100%" height="300" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=300&fansRow=2&ptype=0&speed=0&skin=3&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=2133981861&verifier=014c719a&dpc=1">';
document.getElementById('weibowidget').innerHTML = weibocode;
</script>
</div>

当你保存的时候，查看你的博客，发现它并没有出现，再到设置中查看html代码，却发现刚才关于Iframe的代码消失了。原来网站把它自动过滤了下去。怎么解决呢？变通一下，将iframe字符串分开，如以下所示：

 

<div id="weibowidget">
<script type="text/javascript">
var weibocode = '<if'
weibocode +='rame width="100%" height="300" class="share_self"  frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=0&height=300&fansRow=2&ptype=0&speed=0&skin=3&isTitle=1&noborder=1&isWeibo=1&isFans=0&uid=2133981861&verifier=014c719a&dpc=1">';
document.getElementById('weibowidget').innerHTML = weibocode;
</script>
</div>

这样就OK了。

关于腾讯微博，与新浪微博的使用方法基本一致，只多了一步输入网站地址和网站名称，腾讯微博开放平台的地址是http://dev.open.t.qq.com/websites/。

 

第二章:流量统计实现

    在访问许多网站的时候，发现在其下方都会有一个小图标，那就是流量统计的标志。比较好的流量统计介绍两个：CNZZ和百度流量统计，用百度搜索关键词即可查出，注册其中一个的账号，根据网站的提示添加你自己的网站，安装上统计代码（博客园只要将统计代码放在页脚的位置就可以了）。

 

 

希望大家使用顺利！！