如何让百度分享完美支持HTTPS站点
分享在百度公司内部可能是已经被边缘化的产品了,毕竟分享类和评论类的产品盈利方面都比较困难。百度分享到目前为止可能已有两三年没有更新了,其官方网站的信息更新至今仍停留在2012年。由于长时间未更新,现在百度系许多产品都已经实现了https化,但百度分享仍然不支持https,这对已启用全站https的网站来说是个难题。使用百度分享后可能会遇到加载问题,因为百度分享的核心JavaScript会被浏览器拦截,导致百度分享功能失效。解决这一问题的方法是将百度分享的所有代码和资源托管在自己的服务器上。
以下是让百度分享支持https站点的解决方案:
1、首先下载百度分享的全部资源文件:
GitHub:
百度网盘: 密码: gr6b
2、将资源文件上传至本地服务器的根目录;
3、前往百度分享主页定制化你自己需要的分享内容以及排序等,然后获取的代码类型如下:
-
- <div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare">;
- <a href="#" class="bds_tsina" title="分享到新浪微博">;</a>;
- <a href="#" class="bds_qzone" title="分享到QQ空间">;</a>;
- <a href="#" class="bds_tqq" title="分享到腾讯微博">;</a>;
- <a href="#" class="bds_renren" title="分享到人人网">;</a>;
- <a href="#" class="bds_weixin" title="分享到微信">;</a>;
- <span class="bds_more" title="更多">;</span>;
- <a href="#" class="bds_count" title="累计分享次数">;</a>;
- </div>;
- <script type="text/javascript" src="http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=22" id="bdshare_js" data="{'bdCustomStyle':'/css/baidushare.css'}">;</script>;
- <script type="text/javascript" src="http://bdimg.share.baidu.com/static/api/js/share_c.js?cdnversion=22" id="bdshare_split_js">;</script>;
复制代码
4、将其中的百度分享核心JavaScript地址修改为本地服务器中的地址,例如:
- https://www.teamczyx.com/static/api/js/share.js
复制代码
5、到这里,对于大部分未针对百度分享代码进行过修改的网站来说,应该都可以正常使用了。
6、share.js中所包含的其他JavaScript、CSS以及图片等资源使用的是绝对路径,如果你进行了定制化的修改,则需要同步进行调整。
7、以下是我的博客的百度分享完整代码:
-
- <div id="bdshare">;
- <a href="#" title="分享到新浪微博">;</a>;
- <a href="#" title="分享到QQ空间">;</a>;
- <a href="#" title="分享到腾讯微博">;</a>;
- <a href="#" title="分享到人人网">;</a>;
- <a href="#" title="分享到微信">;</a>;
- <span title="更多">;</span>;
- <a href="#" title="累计分享次数">;</a>;
- </div>;
- <script type="text/javascript" src="https://www.teamczyx.com/static/api/js/share.js" id="bdshare_js">;</script>;
- <script type="text/javascript" src="https://www.teamczyx.com/static/api/js/share_c.js" id="bdshare_split_js">;</script>;
复制代码
|