百度分享按钮可以设置多种不同的自定义参数。从使用区域上划分,包含全局自定义设置和局部自定义设置:
全局自定义设置
<!-- 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 -->
注意:
您在使用自定义属性,请您将自定义内容里面涉及到英文单引号(')进行(\')转义,以避免出现问题