码迷,mamicode.com
首页 > 其他好文 > 详细

百度分享(自定义分享内容)

时间:2014-04-29 16:45:45      阅读:285      评论:0      收藏:0      [点我收藏+]

标签:des   style   blog   http   java   color   

百度分享默认的分享内容为您当前页面的title,但您可以通过如下方法来自定义您想要分享出去的内容。

1、通过全局配置进行修改:

mamicode.com,码迷
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare">
    <a class="bds_qzone">QQ空间</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 = {bdText:这里写入您想要自定义的分享内容};
    document.getElementById(bdshell_js).src = "http://share.baidu.com/static/js/shell_v2.js?cdnversion=" + Math.ceil(new Date()/3600000);
</script>
<!-- Baidu Button END -->
mamicode.com,码迷

如果您的页面中有多个不同类型的百度分享按钮,但想要每一个分享按钮分享出去的内容都不一样,怎么办?

百度分享为您提供了第二种自定义分享内容的配置方法

2、通过增加按钮html标签的data属性进行修改:

mamicode.com,码迷
<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools get-codes-bdshare" data="{‘text‘:‘这里写入您想要自定义的分享内容A‘}">
    <a class="bds_qzone">QQ </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" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        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 -->

<!-- Baidu Button BEGIN -->
<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" data="{‘text‘:‘这里写入您想要自定义的分享内容B‘}">
    <span class="bds_more">更多</span>
    <a class="bds_tsina">新浪</a>
    <a class="bds_tqq">腾讯</a>
    <a class="bds_renren">人人</a>
    <a class="bds_qzone">QQ </a>
</div>
<script type="text/javascript" id="bdshare_js" data="type=tools" ></script>
    <script type="text/javascript" id="bdshell_js"></script>
    <script type="text/javascript">
        document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
    </script>
<!-- Baidu Button END -->
mamicode.com,码迷

注意:

当您要分享的内容中包含英文单引号(‘)的时候,请您使用(\‘)方法进行转义处理,以保证分享内容的正确性

百度分享(自定义分享内容),码迷,mamicode.com

百度分享(自定义分享内容)

标签:des   style   blog   http   java   color   

原文地址:http://www.cnblogs.com/baixc/p/3699436.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!