百度分享自定义

帮助中心 > 自定义

自定义参数说明

百度分享按钮可以设置多种不同的自定义参数。从使用区域上划分，包含全局自定义设置和局部自定义设置：

全局自定义设置

<!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
        <a class="bds_qzone"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <span class="bds_more">更多</span>
    </div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1" ></script> 
    <script type="text/javascript" id="bdshell_js"></script> 
    <script type="text/javascript">
	/**
	 * 在这里定义bds_config
	 */
	var bds_config = {};

	document.getElementById('bdshell_js').src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->
	

bds_config 接受多个自定义配置属性：

    <!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
        <a class="bds_qzone"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <span class="bds_more">更多</span>
    </div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1" ></script> 
    <script type="text/javascript" id="bdshell_js"></script> 
    <script type="text/javascript">
	/**
	 * 在这里定义bds_config
	 */
	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'
	}

	document.getElementById('bdshell_js').src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->
	

局部自定义设置

/**
 * 在百度分享的html标签上设置 data
 */
<!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
        <a class="bds_qzone"></a>
        <a class="bds_kaixin001"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <span class="bds_more">更多</span>
	</div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1" ></script> 
    <script type="text/javascript" id="bdshell_js"></script> 
    <script type="text/javascript">
	/**
	 * 在这里定义bds_config
	 */
	var bds_config = {};

	document.getElementById('bdshell_js').src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
</script>
<!-- Baidu Button END -->
	

data 接受多个自定义配置属性

    <!-- Baidu Button BEGIN -->
    <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" data="{
		'bdDes':'您的自定义分享摘要',		//'请参考自定义分享摘要'
		'text':'您的自定义分享内容',		//'请参考自定义分享内容'
		'title':'您的自定义pop窗口标题',	//'请参考自定义pop窗口标题'
		'pic':'您的自定义分享出去的图片',	//'请参考自定义分享出去的图片'
		'bdComment':'您的自定义分享评论',	//'请参考自定义分享评论'
		'url':'您的自定义分享url'		//'请参考自定义分享url',
		'wbuid':'您的自定义微博 ID',		//'请参考自定义微博 id'
	}">
        <a class="bds_qzone"></a>
        <a class="bds_tsina"></a>
        <a class="bds_tqq"></a>
        <a class="bds_renren"></a>
        <span class="bds_more">更多</span>
    </div>
    <script type="text/javascript" id="bdshare_js" data="type=tools&mini=1" ></script> 
    <script type="text/javascript" id="bdshell_js"></script> 
    <script type="text/javascript">
	/**
	 * 在这里定义bds_config
	 */
	var bds_config = {};

	document.getElementById('bdshell_js').src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
</script>
<!-- Baidu Button END -->

http://share.baidu.com/help/customization/config

示例：

<div class="bdsharebuttonbox">
<a title="分享到新浪微博" href="#" class="bds_tsina" data-cmd="tsina"></a>
<a title="分享到豆瓣网" href="#" class="bds_douban" data-cmd="douban"></a>
<a title="分享到腾讯微博" href="#" class="bds_tqq" data-cmd="tqq"></a>
<a title="分享到QQ空间" href="#" class="bds_qzone" data-cmd="qzone"></a>
</div>
<script type="text/javascript">
window.share = jQuery("#shareSth");
var con = jQuery(share).find('p').text(),name = jQuery(share).find('a').text().replace('：',''),shareCon = con + '—— ' + name;
</script>
<script>
window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"#每日语录#："+shareCon,"bdMini":"1","bdMiniList":false,"bdPic":"http://avatar.iuniimg.com/e/6/5/e6518654f6864125bade834874d0ff2b_avatar_middle.jpg","bdStyle":"0","bdSize":"24",'bdDesc':'目前支持自定义qq空间，开心网的摘要内容'},"share":{}};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>