百度分享(自定义分享内容)
2014-04-29 16:00
169 查看
百度分享默认的分享内容为您当前页面的title,但您可以通过如下方法来自定义您想要分享出去的内容。
1、通过全局配置进行修改:
如果您的页面中有多个不同类型的百度分享按钮,但想要每一个分享按钮分享出去的内容都不一样,怎么办?
百度分享为您提供了第二种自定义分享内容的配置方法
2、通过增加按钮html标签的data属性进行修改:
注意:
当您要分享的内容中包含英文单引号(')的时候,请您使用(\')方法进行转义处理,以保证分享内容的正确性
1、通过全局配置进行修改:
<!-- 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 -->
如果您的页面中有多个不同类型的百度分享按钮,但想要每一个分享按钮分享出去的内容都不一样,怎么办?
百度分享为您提供了第二种自定义分享内容的配置方法
2、通过增加按钮html标签的data属性进行修改:
<!-- 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 -->
注意:
当您要分享的内容中包含英文单引号(')的时候,请您使用(\')方法进行转义处理,以保证分享内容的正确性
相关文章推荐
- 百度分享如何自定义分享url和内容?
- 百度分享如何自定义分享url和内容
- iOS开发之UITextView自定义选择内容后的分享菜单
- 使用百度分享实现分享博客内容(分享内容动态)
- 微信分享自定义内容实现
- 自定义微信分享内容
- 百度分享_自定义分享代码
- 在同一个页面上要使用多个百度分享,控件人分享的内容信息
- 第九篇 :微信公众平台开发实战Java版之如何实现自定义分享内容
- 吐血中, 调用分享到微信好友,加载的网络图片显示不出来,微信分享,自定义分享标题、内容描述关键词限制(红包)
- 教你如何自定义百度分享插件以及bshare分享插件的分享按钮
- Web网页自定义分享的标题、内容和图片
- 手机分享自定义小标题图片和文字内容
- 如何在不接入微信API的情况下自定义分享内容(图片、链接、标题)
- 使用自定义《UIActivity》进行内容分享-b
- 玩转iOS开发:《使用系统自定义UIActivity进行内容分享》
- IOS自定义分享内容
- iOS开发 - 友盟分享(自定义分享)如何让新浪分享显示蓝色文字,其他平台内容不显示链接
- 调用微信分享接口,自定义分享内容(1)--配置域名(java开发)
- 第九篇 :微信公众平台开发实战Java版之如何实现自定义分享内容