虽然我个人一直建议网站用不用百度分享都不是很重要,但是,总有一些很执着的朋友,还是非常的希望网站能用百度分享支持HTTPS功能,因此,今天还是发一篇文章,分享给各位朋友吧!
相信大家都知道,百度分享获取后的代码是这样的,如下:
<div class="bdsharebuttonbox"><a href="#" class="bds_more" data-cmd="more"></a>
<a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a>
<a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a>
<a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a>
<a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a>
<a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a></div>
<script>window._bd_share_config = {
"common": {
"bdSnsKey": {},
"bdText": "",
"bdMini": "2",
"bdMiniList": false,
"bdPic": "",
"bdStyle": "0",
"bdSize": "16"
},
"share": {},
"image": {"viewList": ["qzone", "tsina", "tqq", "renren", "weixin"], "viewText": "分享到:", "viewSize": "16"},
"selectShare": {"bdContainerClass": null, "bdSelectMiniList": ["qzone", "tsina", "tqq", "renren", "weixin"]}
};
with (document)0[(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~(-new Date() / 36e5)];</script>
由于我们复制的百度分享代码是压缩过的,因此,我这里为了看清楚,这是我格式化后的代码,我们只需要看javascript代码最后一行我标绿的地方。
解决办法
解决百度分享不支持HTTPS方法其实很简单,只需要先把百度分享代码本地化,然后再把“http://bdimg.share.baidu.com/”替换成“你自己网站的域名”。
为了实战,我就拿wordpress网站,主题是“知更鸟(begin2.0)”来举例吧!
1、开启百度分享功能
我们开启百度分享的方法是依次打开【外观】--【主题选项】--【辅助功能】,往下面翻,可以看到有一个启用百度分享的选项,勾上。
注意:由于我这是wordpress程序,主题是知更鸟,如果你是其它的,完全可以忽略这一步骤。
2、把“http://bdimg.share.baidu.com/"修改成“https://www.fujieace.com/"。
由于我是用的知更鸟主题,百度分享js代码一般是放在footer.php中,大概在第28行左右。
如果你的footer.php中没有百度分享js代码,你可以在相关的位置加上(建议黄色代码中间放百度JS代码)。如下:
<?php if (zm_get_option('share')) { ?>
<script>window._bd_share_config={"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},"share":{},"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='https://www.fujieace.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
<!-- 百度分享代码 -->
<?php } ?>
或者去【主题选项】--【SEO设置】--【流量统计】添加百度分享js代码。
注意:最关键的是你要知道你的百度分享JS代码是放在哪里的?而且这个步骤改的方法有很多种,是否要这样修改,需要看后面几步的操作,重要的是你要掌握这个修改的原理。我是改成的绝对路径,你也可以改成相对路径......等等。
例如:有的人或许会改为“/",也有人会改为“//www.fujieace.com"。
3、把百度分享代码中的css、js、img......等等从百度的服务器本地化。
为了让更多的人方便,代码我已经下载下来整理好了,大家只需要直接下载即可!如果有失效,请评论留言!
百度网盘 链接: https://pan.baidu.com/s/1E5NnH_lK3AAMDruTQq_8Aw 提取码: sipw
4、上传下载的文件到网站根目录并解压
记住我们只要static和及里面的文件,然后使用FTP或Xshell等工具,上传到网站根目录(即和wp-admin、wp-content等文件同一层次)。
注意:如果你是知更鸟高版本,例如begin5.2,你不需要按照上面那么复杂的操作步骤,只需要直接修改“wp-content\themes\begin5.2\js\bd-share.js”里面的“http://bdimg.share.baidu.com/”为“你的域名”即可!
总结:
到止为止我们已经完美将百度分享的代码本地化,实现百度分享HTTPS功能啦!尽管几乎没人会分享,但是解决问题是我们义不容辞的责任与爱好。
再多补充一句,无论你是什么样的网站?用的什么样的程序?用的什么样的主题?按照此原理都可以实现百度分享HTTPS功能。无非是更改引入百度分享js代码的路径罢了。
2020年09月05日 10:23:03 沙发
百度分享平台都下线很久了了!
今天我打算去除百度分享划词分享设置,还好博主这里有相应的百度分享代码,可以借鉴一下。
只需要删除“selectShare”相关代码,就去除了百度分享划词分享设置功能。如下:
2019年03月04日 16:19:45 板凳
请问博主,我按照您这个教程来弄,一样也是没用。要怎么搞呢?可以加个联系方式请教一下吗 ,还有一些其他方面的问题
2019年03月04日 17:11:21 1层
@雪月 当然可以,我博客上有我的QQ的。
2018年12月30日 12:51:18 地板
请问下博主,这个代码块是怎么做到的,有颜色还能拖动?
2018年12月30日 13:03:11 1层
@游客 如果你的网站是wordpress做的,可以用看“wordpress代码高亮插件:Pure-Highlightjs(支持编辑器可视化插入代码)”此文章;