百度分享按鈕可以設(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)問題
更多建議: