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