新浪微博分享按钮组件使用(自定义样式)

官网wiki : http://open.weibo.com/sharebutton

 

想要自定义分享按钮样式,按照官方文档是不行了。那我们就去看看官方生成出来的js代码,如下:

<script type="text/javascript" charset="utf-8">
(function(){
     var _w = 32 , _h = 32;
     var param = {
          url:location.href,
          type:'1',
          count:''/**是否显示分享数,1显示(可选)*/
          appkey:''/**您申请的应用appkey,显示分享来源(可选)*/
          title:''/**分享的文字内容(可选,默认为所在页面的title)*/
          pic:''/**分享图片的路径(可选)*/
          ralateUid:''/**关联用户的UID,分享微博会@该用户(可选)*/
          language:'zh_cn'/**设置语言,zh_cn|zh_tw(可选)*/
          dpc:1
     }
     var temp = [];
     forvar in param ){
          temp.push(p + '=' + encodeURIComponent( param[p] || '' ) )
     }
     document.write('<iframe allowTransparency="true" frameborder="0" scrolling="no" src="http://service.weibo.com/staticjs/weiboshare.html?' + temp.join('&') + '" width="'+ _w+'" height="'+_h+'"></iframe>')
})()
</script>
 
由此可知:
count:'' 表示是否显示当前页面被分享数量(1显示)(可选,允许为空)
url:'' 将页面地址转成短域名,并显示在内容文字后面。(可选,允许为空)
appkey:'' 用于发布微博的来源显示,为空则分享的内容来源会显示来自互联网。(可选,允许为空)
title:'' 分享时所示的文字内容,为空则自动抓取分享页面的title值(可选,允许为空)
pic:'' 自定义图片地址,作为微博配图(可选,允许为空)
ralateUid:'' 转发时会@相关的微博账号(可选,允许为空)
language:'' 语言设置(zh_cn|zh_tw)(可选)
 
ralateUid获取方法:

 

 

点击之后跳转分享代码:

<html xmlns:wb="http://open.weibo.com/wb">

<script src="http://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>

<a id="wb_shareBtn" href="" target="_blank"><img src="sinaShare.png" alt=""></a>
<script>
var wb_shareBtn = document.getElementById("wb_shareBtn");
wb_url = document.URL; //获取当前页面地址,也可自定义例:
wb_appkey = '';
wb_ralateUid = '';
wb_title = '';
wb_pic = '';
wb_language = "zh_cn";

wb_shareBtn.setAttribute("href","http://service.weibo.com/share/share.php?url="+wb_url+"&appkey="+wb_appkey+"&title="+wb_title+"&pic="+wb_pic+"&ralateUid="+wb_ralateUid+"&language="+wb_language+"");
</script>

posted @ 2018-03-15 14:08  爱冯果  阅读(554)  评论(0编辑  收藏  举报