分享
4.13.1百度分享
更多样式设置请登录百度分享设置并获取代码http://share.baidu.com/code
注意: 直接获取的代码,是不能查看统计数据的,只有注册自己的百度分享账户,并登录获取代码才可以得到分享的统计数据。
HTML代码
<section class="share cl">
<div class="bdsharebuttonbox Hui-share">
<span class="share-text Hui-iconfont"></span>
<a href="#" class="bds_weixin Hui-iconfont" data-cmd="weixin" title="分享到微信"></a>
<a href="#" class="bds_qzone Hui-iconfont" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_sqq Hui-iconfont" data-cmd="sqq" title="分享到QQ好友"></a>
<a href="#" class="bds_tsina Hui-iconfont" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_tqq Hui-iconfont" data-cmd="tqq" title="分享到腾讯微博"></a>
<a href="#" class="bds_douban Hui-iconfont" data-cmd="douban" title="分享到豆瓣网"></a>
</div>
<script type="text/javascript">
window._bd_share_config={
"common":{
"bdSnsKey":{},
"bdText":"",
"bdMini":"2",
"bdMiniList":false,
"bdPic":"",
"bdStyle":"0",
},
"share":{},
"image":{
"viewList":["weixin","qzone","sqq","tsina","tqq","douban"],
"viewText":"分享到:","viewSize":"16"},
"selectShare":{
"bdContainerClass":null,
"bdSelectMiniList":["weixin","qzone","sqq","tsina","tqq","douban"]
}
};
with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
</script>
</section>
自定义参数
var bds_config = {
'bdDes':'您的自定义分享摘要', //'请参考自定义分享摘要'
'bdText':'您的自定义分享内容', //'请参考自定义分享内容'
'bdPopTitle':'您的自定义pop窗口标题', //'请参考自定义pop窗口标题'
'bdTop':'您的自定义侧栏高度', //'请参考自定义侧栏高度'
'bdComment':'您的自定义分享评论', //'请参考自定义分享评论'
'bdPic':'您的自定义分享出去的图片', //'请参考自定义分享出去的图片'
'searchPic':'是否自动抓取页面图片',//'0为抓取,1为不抓取,默认为0,目前只针对新浪微博'
'wbUid':'您的自定义微博 ID', //'请参考自定义微博 id'
'render':false, //'请参考自定义分享回流量统计'
'review':'normal', //'请参考自定义分享回流签名'
'snsKey':{'tsina':'appkey'} //'请参考自定义分享到平台的appkey'
}
4.13.2 JiaThis分享
更多样式设置请登录jiathis分享设置并获取代码http://www.jiathis.com/getcode
注意: 直接获取的代码,是不能查看统计数据的,只有注册自己的jiathis分享账户,并登录获取代码才可以得到分享的统计数据。
HTML代码
<div class="jiathis_style_24x24 Hui-share cl"> <a class="jiathis_button_weixin Hui-iconfont"></a> <a class="jiathis_button_cqq Hui-iconfont"></a> <a class="jiathis_button_tqq Hui-iconfont"></a> <a class="jiathis_button_tsina Hui-iconfont"></a> <a class="jiathis_button_qzone Hui-iconfont"></a> <a class="jiathis_button_douban Hui-iconfont"></a> <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis Hui-iconfont" target="_blank"></a> <a class="jiathis_counter_style"></a> </div> <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js" charset="utf-8"></script>
参数自定义
var jiathis_config = {
boldNum:0,
siteNum:7,
showClose:false,
sm:"weixin,cqq,tqq,tsina,qzone,douban",
imageUrl:"http://v2.jiathis.com/code/images/r5.gif",
imageWidth:26,
marginTop:150,
url:"http://www.jiathis.com",
title:"自定义TITLE #微博话题#",
summary:"分享的文本摘要",
pic:"自定义分享的图片连接地址",
data_track_clickback:true,
appkey:{
"tsina":"您网站的新浪微博APPKEY",
"tqq":"您网站的腾讯微博APPKEY",
"tpeople":"您网站的人民微博APPKEY"
},
ralateuid:{
"tsina":"您的新浪微博UID"
},
"shortUrl":是否开启短链接,
evt:{
"share":"用户自定义函数" ( 可以根据自己的命名规范来定义一个自定义函数,如:getEvent )
说明:evt参数可以得到用户的分享操作的相关信息。比如:用户分享的URL,用户分享到的媒体。但是,我们不能确定用
户是否真正成功的分享了内容,只能确定用户确实是点击了分享按钮……
}
}
| 参数名 | 描述 | 类型 | 默认值 |
|---|---|---|---|
| url | 自定义分享的URL | string | 网页地址 |
| title | 自定义分享的TITLE | string | 网页标题 |
| summary | 定义要分享页面的摘要,摘要默认为Meta标签中Description部分的内容 | string | 无 |
| boldNum | 分享面板上加粗媒体的个数。如果缺省,则标准风格的分享面板默认是6个加粗,迷你风格的分享面板默认是3个加粗。 何时会加粗:当用户使用过JiaThis分享到功能后,JiaThis会依据该浏览者的喜好产生一个智能排序的顺序,这个顺序的前几个会被加粗,您可以通过这个参数自由控制加粗的个数,如果您想关闭加粗的功能,则将此参数写成数字0就可以了。 |
integer | 标准:6 迷你:3 |
| siteNum | 分享面板上的社会化媒体的个数。通常情况,这个数字应当大于或等于boldNum参数,因为需要加粗的个数不会多于整个分享面板媒体的个数。如果缺省,标准风格默认为15个,迷你风格默认为6个。 | integer | 标准:15 迷你:6 |
| sm | 自定义分享面板上社会化媒体的排序。填写媒体网站的WEBID(如:tsina表示新浪微博,tqq表示腾讯微博,更多的社会化媒体WEBID参见这里),用英文半角逗号分隔。如果网站主使用了此自定义功能,则自定义的媒体网站会优先固定出现在前面,后面紧跟依据网站浏览者分享行为产生的智能排序结果。这个结果不会与您自定义的媒体重复。如果缺省,分享面板会按照智能排序的规则出现媒体。 特别的,siteNum 参数与 sm 参数交替使用几乎可以让您自定义任何您想要的分享面板。 举例一: var jiathis_config = {
这表示:分享面板上总共会出现7个媒体,前两个是新浪微博和腾讯微博,后面剩下的5个则根据智能排序规则出现。当然,和您想的一样,这剩下的5个不会再次包含新浪微博或者是腾讯微博了。 sm:"tsina,tqq", siteNum:7 } 举例二: var jiathis_config = {
这表示:分享面板公共会出现4个媒体,这4个媒体全都是您自定义的。如果这里的 siteNum小于4,比如假设是3,则分享面板会出现3个媒体,sm参数中的最后一个tsohu(搜狐微博)不会出现。 sm:"tsina,tqq,t163,tsohu", siteNum:4 } |
string | 无 |
| imageWidth | (只对侧栏式有效):这是imageUrl参数的一个补充。如果您自定义了分享图片,且这个图片宽度不与我们官方标准风格或迷你风格的图片宽度一致时,可能出现显示的偏差或错位,这时候您就需要将imageUrl参数中图片的实际宽度填写在这里。缺省状态下,标准风格的图片宽度为26,迷你风格的图片宽度为20。 | integer | 标准:26 迷你:20 |
| marginTop | (只对侧栏式有效):如果我们不想让分享按钮处于页面的中间部位,我们就可以用marginTop属性来控制分享按钮在页面中的位置,是位于页面的上边,还是页面的下边,或是偏上、偏下,都可以实现。默认的位置就是中间位置,也就是距离页面上边是150px。 | integer | 无 |
| showClose | (只对侧栏式有效):是否在分享面板中加入关闭按钮。如果缺省,默认会开启关闭按钮。这表示浏览者可以通过这个关闭按钮关闭侧栏式分享按钮。 | boolean | true |
| imageUrl | (只对侧栏式有效):侧栏式风格的图片地址。侧栏式风格的"分享到"图片允许网站主自定义,当您觉得JiaThis官方提供的所有图片风格都无法满足您的要求时,您或者您的团队可以自己设计一个分享到图片。将这个图片放入您的服务器。保该图片可以通过因特网正常访问,如:http://yourdomain/images/share.gif, 然后将该地址填写到这里这里即可。 | string | 无 |
| appkey | 您网站对应各大社会化媒体的APPKEY,内容被分享后,显示的来源将是您自己的网站。 | object | 无 |
| ralateuid | 目前仅新浪微博支持,此处填写您的新浪微博UID,内容被分享后,将会自动@分享者提示他关注您。默认情况下此值为空,不会出现@提示。 | object | 无 |
| data_track_clickback | 是否启用回流量统计,启用后,分享出去的链接会自动在后面加上jtss=xxx的参数,这样可以精确统计到您网站的回流量。 | boolean | false |
| pic | 支持新浪微博、腾讯微博、搜狐微博、网易微博,可以自定义分享的图片,如果此值为空,将会根据社会化媒体原有的抓图机制来获取您网站的图片。 | string | 无 |
| shortUrl | 是否针对新浪微博开启短链接传递,如果缺省,默认为true(开启),关闭定义为false(不开启) 不加引号 | string | true |