前几天因为一个客户网站开发过程中,由于客户临时提出要求在网站里面接入微博动态显示,并方便关注微博动态的功能;于是查了下官方的介绍,然而发现曾经展现方式很好的微博秀已经被在多年前就下线了,现在仅有的几个组件也看着不是非常好的友好;
关注按钮可以部署在任何支持html的网页。用户在这些网页点击关注按钮,就可以快速成为你的微博粉丝; 关注按钮会自动判断与用户的关系,对于已关注用户,将显示其微博动态。
1.操作简单,可以在短时间内快速聚集人气;
2.让关注你的人来关注你的微博,靶向性更强;
3.让你的微博粉丝在站外快速看到你的最新动态,增加帐号信息曝光,让你在微博发布的信息有效覆盖、充分传播。、
配置关注按钮样式,将获取的对应代码嵌入到需要放置关注按钮的位置即可。
第一步 配置微博关注按钮样式
第二步 部署代码,完成以上配置后,按照以下步骤,将代码部署到您网站即可。
1.在HTML标签中增加XML命名空间
<html xmlns:wb="http://open.weibo.com/wb">
2.在HEAD头中引入WB.JS
<script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
3.在需要部署微博关注按钮的位置粘贴WBML代码,查看更多参数
<wb:follow-button uid="2991975565" type="red_1" width="67" height="24" ></wb:follow-button>
具体可以在以下地址查阅:https://open.weibo.com/widget/followbutton.php
注:【要关注的用户昵称】在此项里面务必要填写清楚,否则前端页面无法显示用户状态与点击关注按钮无反应。
微博话题墙的地址:https://open.weibo.com/widgets?cat=wb
加载效果如下:
<iframe width="302" height="422" class="share_self" frameborder="0" scrolling="no" src="http://widget.weibo.com/weiboshow/index.php?language=&width=302&height=422&fansRow=1&ptype=1&speed=0&skin=1&isTitle=0&noborder=1&isWeibo=1&isFans=0&uid=1975415803&verifier=687040f6&dpc=1"></iframe>
在