bShare分享按钮配置指南-CSDN博客

bShare百科

bShare是一款关于web2.0的社会化分享按钮工具，用户浏览网站内容的同时可以把自己所感兴趣的内容通过人人网、开心网、QQ空间、新浪微博等一系列社会化关系网络分享、推荐给自己的好友

官方网址:http://www.bshare.cn/

需要引入的js文件

js引入文件相关的参数描述

uuid	站长的UUID（Publisher UUID）。如果要追踪分享数据则必须提供此选项，在bShare后台添加网站即可得到UUID。
lang	语言，可以是简体中文 (zh), 英文 (en), 或繁體中文 (zh_TW)
pop	定义分享小窗口的弹出方式。可以是： -1: 不弹出小窗口 0: 自动选择向上或者向下弹出小窗口 1: 总是向下弹出小窗口 2: 总是向上弹出小窗口
popbgc	弹出小窗口的顶部和底部的背景颜色，可以是CSS中color属性支持的任意值。
poptxtc	弹出小窗口的顶部和底部的文字颜色，可以是CSS中color属性支持的任意值。
mdiv	定义大分享窗口（即点更多后出现的弹窗）的显示方式。可以是： -1: 不弹出大分享窗口 0: 自动弹出分享窗口
style	按钮式样，有以下几种情况： bShare预定义的式样，包括以下几种：0 (文字), 1 (默认), 2 (列式), 3 (浮动), 4 (浮动图片), 5 (三角), 10 (苗条型), 11 (胖犁型). 不加载分享按钮。如果按钮是通过bShare客户端API自定义的，则可以将style设置为-1。自定义图片。如果想要使用自定义的图片作为按钮，则可以讲style设置为999.

最小号的图标,其他型号图标由小到大分别为: bShareC0;bShareC1; bShareC2

关于bShare的使用是很灵活的,这里就值简单的介绍两种(详细的使用方法参考:http://www.bshare.cn/help/apiJsParams):

一使用默认的图标:

html页面:

<!--官方默认图标的方法-->
<a class="bshareDiv" href="http://www.bshare.cn/share">分享按钮</a>
<div class="bshare-custom icon-medium" title="跨境电商Amanbo" url="http://www.baidu.com" summary="点击试试看?">
     <a title="分享到腾讯微博" class="bshare-qqim"></a>
     <a title="分享到QQ空间" class="bshare-qzone"></a>
     <a title="分享到朋友网" class="bshare-qqxiaoyou"></a>
     <a title="分享到腾讯微博" class="bshare-qqmb"></a>
     <a title="更多平台" class="bshare-more bshare-more-icon more-style-addthis"></a>
     <span class="BSHARE_COUNT bshare-share-count">0</span>
</div>

js脚本:

<script type="text/javascript">
	$(document).ready(function() {  
		iBShare.init();    //初始化  
	});  
		  
	//bShare分享  
	var iBShare = {  
		//初始化  
		init: function() {  
			var $shareBox = $(".bshare-custom");
			$shareBox.children("a").click(function() {  
				var parents = $(this).parent();  
				bShare.addEntry({  
					title: parents.attr("title"),  
					url: parents.attr("url"),  
					summary: parents.attr("summary"),  
					pic: parents.attr("pic")  
				});  
			});  
		}  
	}
</script>

二自定义图标:

<!--自定义图标的方法-->
<div class="share-to-box-icon" summary='<s:message code='header.bshare.title'/>' url="http://www.amanbo.com/user/register.html?parentId=${sessionScope.user.id}" pic="${sessionScope.user.qrCodeUrl }">
	<div class="share-to-box-text">Share to :</div>
	<a οnclick="javascript:bShare.share(eHeader(),'facebook',0);return false;"> <img src="${ctx }/static/images/share/share_icon_1.gif" alt="facebook" title="facebook"/></a>
	<a οnclick="javascript:bShare.share(eHeader(),'sinaminiblog',0);return false;"> <img src="${ctx }/static/images/share/share_icon_2.gif" alt="sina" title="sina"/></a>
	<a οnclick="javascript:bShare.share(eHeader(),'twitter',0);return false;"> <img src="${ctx }/static/images/share/share_icon_3.gif" alt="twitter" title="twitter"/></a>
	<a οnclick="javascript:bShare.share(eHeader(),'weixin',0);return false;"> <img src="${ctx }/static/images/share/share_icon_4.gif" alt="weixin" title="weixin"/></a>
	<a οnclick="javascript:bShare.share(eHeader(),'qqim',0);return false;"> <img src="${ctx }/static/images/share/share_icon_5.gif" alt="qq" title="qq"/></a>
</div>

js脚本:

<script type="text/javascript">
	 function eHeader(){
		//bShare分享    
		var parents = $(".share-to-box-icon");
		bShare.entries = [];
		bShare.addEntry({
			title:"AMANBO -",
			summary: parents.attr("summary"),
			url: parents.attr("url"),  
			pic: parents.attr("pic")  
		});
		//添加自定义分享内容后，初始化按钮
                //bShare.isReady = false;
                //bShare.completed = false;
                //bShare.start();
	}
</script>