自定义参数说明

2018-02-26 16:17 更新

自定义参数说明

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

全局自定义设置

<!-- 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窗口标题',	//''
		'bdTop':'您的自定义侧栏高度',		//''
		'bdComment':'您的自定义分享评论',	//''
		'bdPic':'您的自定义分享出去的图片',	//''
		'searchPic':'是否自动抓取页面图片',//'0为抓取,1为不抓取,默认为0,目前只针对新浪微博'
		'wbUid':'您的自定义微博 ID',		//''
		'render':false,				//''
		'review':'normal',			//''
		'snsKey':{'tsina':'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窗口标题',	//''
		'pic':'您的自定义分享出去的图片',	//''
		'bdComment':'您的自定义分享评论',	//''
		'url':'您的自定义分享url'		//'',
		'wbuid':'您的自定义微博 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 -->

注意:

您在使用自定义属性,请您将自定义内容里面涉及到英文单引号(')进行(\')转义,以避免出现问题

以上内容是否对您有帮助:
在线笔记
App下载
App下载

扫描二维码

下载编程狮App

公众号
微信公众号

编程狮公众号