自定義參數(shù)說明

2018-02-26 16:17 更新

自定義參數(shù)說明

百度分享按鈕可以設(shè)置多種不同的自定義參數(shù)。從使用區(qū)域上劃分,包含全局自定義設(shè)置和局部自定義設(shè)置:

全局自定義設(shè)置

<!-- 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':'您的自定義分享內(nèi)容',		//''
		'bdPopTitle':'您的自定義pop窗口標(biāo)題',	//''
		'bdTop':'您的自定義側(cè)欄高度',		//''
		'bdComment':'您的自定義分享評論',	//''
		'bdPic':'您的自定義分享出去的圖片',	//''
		'searchPic':'是否自動抓取頁面圖片',//'0為抓取,1為不抓取,默認(rèn)為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 -->

局部自定義設(shè)置

/**
 * 在百度分享的html標(biāo)簽上設(shè)置 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':'您的自定義分享內(nèi)容',		//''
		'title':'您的自定義pop窗口標(biāo)題',	//''
		'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 -->

注意:

您在使用自定義屬性,請您將自定義內(nèi)容里面涉及到英文單引號(')進(jìn)行(\')轉(zhuǎn)義,以避免出現(xiàn)問題

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號