sina weibo:微博分享接口,自定义分享按钮样式

微博的开放平台(open.weibo.com)提供的网站集成方案, 是一个分享按钮或图标

http://open.weibo.com/sharebutton

有wbml和js两种方式生成
(js生成一个iframe显示 http://hits.sinajs.cn/A1/weiboshare.html)
好处是可以显示分享数等这种额外的信息,但分享出去的短链接必须是当前页面的链接

预定义好了样式,当我需要对分享的内容或者分享的方式进行自定义的话,可以怎么做?

我们先从js的脚本入手

<script type="text/javascript" charset="utf-8"> (function(){ var _w = 90 , _h = 24; var param = { url:location.href, type:'2', count:'1', /**是否显示分享数,1显示(可选)*/ appkey:'', /**您申请的应用appkey,显示分享来源(可选)*/ title:'', /**分享的文字内容(可选,默认为所在页面的title)*/ pic:'', /**分享图片的路径(可选)*/ ralateUid:'', /**关联用户的UID,分享微博会@该用户(可选)*/ language:'zh_cn', /**设置语言,zh_cn|zh_tw(可选)*/ rnd:new Date().valueOf() } var temp = []; for( var p in param ){ temp.push(p + '=' + encodeURIComponent( param[p] || '' ) ) } document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://hits.sinajs.cn/A1/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>') })() </script>


构造 temp 这串参数里面,我们看到了各个变量的含义,那么自定义 url 或者改写函数 实现了

分享按钮样式如果要改变的话
继续看点开这个按钮的地址,通过urldecode我们看到是这么一个api
http://service.weibo.com/share/share.php?url=&appkey=&title=&pic=&ralateUid=&language=zh_cn

我们需要知道的是
url : 转换成短链接的需要分享的link
appkey: 如果有注册应用的话可以填上,这条微博发出的时候会显示通过你的app名称发送,可为空
title: 可以预设分享内容的模板,会显示在分享转发内容的短链前面,空的话则文字为默认的上面url捕捉到的html title
pic: 可为空,或图片的uri 会抓取图片作为微博附图
ralateUid:  发出的时候可以@上某的新浪用户,例如自己
language  不解释

以上的这串记得要进行 urlencode 然后点击后,就可以实现调用新浪微博的快捷分享窗口了..
那么可以用任意喜欢的表达方式来展现按钮或图标,链接构造成如上格式就可以了
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值