马海祥博客是一个专注于分享SEO优化、网站制作、网络营销和运营思维的自媒体博客!
马海祥博客 > 互联网 > 互联网技术 > 网站开启https后,百度分享插件不显示了该怎么解决?

网站开启https后,百度分享插件不显示了该怎么解决?

时间:2020-10-29   文章来源:马海祥博客   访问次数:

网站自从开启https之后,网页中的百度分享就不能用了!但是又寻找不到类似百度分享的替代品,该怎么办呢?还是要想办法如何解决百度分享不支持https的问题!于是查阅了很多资料,还真发现了一个完美解决这个问题的方法。

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

由于百度分享不支持HTTPS这件事由来已久,一直也有一些朋友咨询这个问题:网站添加https后,百度分享不显示了,该怎么解决呢?所以我就整理了一下解决方案。在此,借助马海祥博客的平台跟大家分享一下。

第一步:下载百度分享必备文件

首先,我们需要先下载百度分享的主要文件static文件包,我将修改好的分享代码压缩包放在下面,大家可以先下载一下:

百度分享static文件下载地址:百度分享static源文件

第二步:解压后得到的static文件夹,可上传到网站根目录(注:域名/static)。

这里需要确保要确保“根目录”能被访问到。

然后在对应的百度分享代码中,把“http://bdimg.share.baidu.com/”改为“ /”。

…….src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>

改为:

…….src='/static/api/js/share.js?v=89860593.js?'];</script>

另外,如果你不是将static文件夹放在根目录,那就需要你将http://bdimg.share.baidu.com/改成你文件所在的路径,如下图红框内的链接:

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

同时,也要修改share.js文件中的链接,如下图所示位置:

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

至此,我们便将百度分享的插件本地化了,你网页中也便可以正常显示百度分享了。不过美中不足的就是,以后没法查看分享数据分析了!

相关知识扩展:

接下来,我将介绍一下百度分享的代码结构和安装配置方法,以便于大家更深入的理解百度分享插件,进而可以自定义修改:

1、代码结构

分享代码可以分为三个部分:HTML、设置和js加载,示例如下:

代码结构如下:

<div class="bdsharebuttonbox" data-tag="share_1">

<!-- 此处添加展示按钮 -->

</div>

<script>

window._bd_share_config = {

//此处添加分享具体设置

}

//以下为js加载部分

with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];

</script>

2、按钮标签

按钮标签代码:

<div class="bdsharebuttonbox" data-tag="share_1">

<a class="bds_mshare" data-cmd="mshare"></a>

<a class="bds_qzone" data-cmd="qzone" href="#"></a>

<a class="bds_tsina" data-cmd="tsina"></a>

<a class="bds_baidu" data-cmd="baidu"></a>

<a class="bds_renren" data-cmd="renren"></a>

<a class="bds_tqq" data-cmd="tqq"></a>

<a class="bds_more" data-cmd="more">更多</a>

<a class="bds_count" data-cmd="count"></a>

</div>

说明:

只有普通页面分享需要按钮标签。划词分享、图片分享无需添加HTML结构。

HTML结构可以放在body的任意位置,可复制多份。

class="bdsharebuttonbox" 部分为dom选择器,请勿改动。

data-tag属性为分享按钮标识,用于实现同一页面中多分享按钮不同配置。

data-cmd属性为分享目标标识,取值请参见:分享媒体id对应表。此外值为more时点击展现更多弹窗,值为count时展现分享数。

HTML代码中其他部分均可自定义。

3、自定义设置

设置部分结构如下,如不需要某项功能,删除相应的配置项即可。

设置:

<script>

window._bd_share_config = {

common : {

//此处放置通用设置

},

share : [

//此处放置分享按钮设置

],

slide : [

//此处放置浮窗分享设置

],

image : [

//此处放置图片分享设置

],

selectShare : [

//此处放置划词分享设置

]

}

</script>

(1)、通用设置

通用设置将作用于所有分享类型,可将通用设置放于此处,如分享内容、分享url等。

通用设置:

<script>

window._bd_share_config = {

common : {

bdText : '',

bdDesc : '',

bdUrl : '',

bdPic : '',

...

}

}

</script>

通用设置项解析:

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

(2)、分享按钮设置

分享按钮设置的值为数组或对象,值为数组时可对多个分享按钮应用不同的设置。

分享按钮设置:

<script>

window._bd_share_config = {

share : [{

"tag" : "share_1",

"bdSize" : 32,

...

},{

"tag" : "share_2",

"bdSize" : 16,

...

}]

}

</script>

分享按钮配置项解析:

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

(3)、浮窗分享设置

浮窗分享设置的值为数组或对象,值为数组时可在页面显示多个分享浮窗。

浮窗分享设置:

<script>

window._bd_share_config = {

slide : [{    

bdImg : 0,

bdPos : "right",

bdTop : 100

},{

bdImg : 0,

bdPos : "left",

bdTop : 100

}]

}

</script>

浮窗分享设置项解析:

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

(4)、图片分享设置

图片分享设置的值为数组或对象,值为数组时可对图片应用不同的设置。

图片分享设置:

<script>

window._bd_share_config = {

image : [{

"tag" : "img_1",

viewType : 'list',

viewPos : 'top',

viewColor : 'black',

viewSize : '16',

viewList : ['qzone','tsina','huaban','tqq','renren']

},{

"tag" : "img_2",

viewType : 'list',

viewPos : 'top',

viewColor : 'black',

viewSize : '16',

viewList : ['qzone','tsina','huaban','tqq','renren']

}]

}

</script>

图片分享设置项解析:

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

(5)、划词分享设置

划词分享设置:

<script>

window._bd_share_config = {

selectShare : [{

"bdSelectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf'],

"bdContainerClass" : "容器class名"

}]

}

</script>

图片分享设置项解析:

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

4、引入javascript

加载js:

<script>

with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];

</script>

说明:请将代码放于</body>之前。

5、完整示例代码

完整代码如下,请根据自身情况修改。

完整示例代码:

<div class="bdsharebuttonbox" data-tag="share_1">

<a class="bds_mshare" data-cmd="mshare"></a>

<a class="bds_qzone" data-cmd="qzone" href="#"></a>

<a class="bds_tsina" data-cmd="tsina"></a>

<a class="bds_baidu" data-cmd="baidu"></a>

<a class="bds_renren" data-cmd="renren"></a>

<a class="bds_tqq" data-cmd="tqq"></a>

<a class="bds_more" data-cmd="more">更多</a>

<a class="bds_count" data-cmd="count"></a>

</div>

<script>

window._bd_share_config = {

common : {

bdText : '自定义分享内容',

bdDesc : '自定义分享摘要',

bdUrl : '自定义分享url地址',

bdPic : '自定义分享图片'

},

share : [{

"bdSize" : 16

}],

slide : [{    

bdImg : 0,

bdPos : "right",

bdTop : 100

}],

image : [{

viewType : 'list',

viewPos : 'top',

viewColor : 'black',

viewSize : '16',

viewList : ['qzone','tsina','huaban','tqq','renren']

}],

selectShare : [{

"bdselectMiniList" : ['qzone','tqq','kaixin001','bdxc','tqf']

}]

}

with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?cdnversion='+~(-new Date()/36e5)];

</script>

6、分享媒体id对应表

分享媒体id对应表:

网站开启https后,百度分享插件不显示了该怎么解决?-马海祥博客

7、工具

检测分享代码版本

//打开已安装分享代码的页面,在控制台中执行:

javascript:b=(window.bdShare||window._bd_share_main);alert(b?'u5F53u524Du9875u9762u7684u5206u4EABu4EE3u7801u7248u672Cu4E3AuFF1A'+(b.version||'1.0'):'u5F53u524Du9875u9762u6CA1u6709u5B89u88C5u5206u4EABu4EE3u7801u3002')

注意:您在使用自定义属性,请您将自定义内容里面涉及到英文单引号(')进行(')转义,以免出现问题!

常见问题:

1、修改后,地址栏绿色的小锁会消失,该怎么解决?

有些时候,直接这么将static文件放上去是会有问题的,比如你地址栏绿色的小锁会消失!

就是说你虽然是Https的站点,但请求了http的资源,这种混合模式是不好滴(不懂得如何安装的朋友,可查看马海祥博客《HTTP与HTTPS的区别》的相关介绍)。

修复方法:

(1)、打开static文件:

domain: {staticUrl: "http://bdimg.share.baidu.com/"}

修改为:

domain: {staticUrl: "/"}

nsClick: "http://nsclick.baidu.com/v.gif"  

修改为:

nsClick: "/"

(2)、找到staticpijs ranslogger.js文件,把里面的内容都删掉,但保留这个空文件。

按照这两个步骤,问题便解决了。

2、微信URL过长失败二维码出不来的问题

出现这个问题呢,主要的原因:网址过长时,调用dwz API,而该网站不支持HTTPS。

修复方式有两种:

(1)、允许长的网址

(2)、自己寻找可以缩短网址的API,进行替换

本文采用的是第一种,在trans_weixin.js 修改d函数即可:

d = function () {

s.attr("data-url") != r && (u.html("u6b63u5728u52a0u8f7d"), r.length > 200 ? 

/*p(r, function (e) {

h(e, !0)

}) */

h(r):

h(r))

},

至此,问题也便解决了!

好了,快去试试效果吧~

马海祥博客点评:

对于这个百度分享按钮,说实话,我本人还是非常喜欢用的,不但可以帮自己的网页做社交平台的引流,还能分析出自己文章的受众群体的喜爱程度,但随着网民上网习惯的改变,以及社交媒体对第三方网址的限制,百度也停止了此插件的运营,现在也用不到了,想想还是非常可惜的!

本文发布于马海祥博客文章,如想转载,请注明原文网址摘自于https://www.mahaixiang.cn/internet/3110.html,注明出处;否则,禁止转载;谢谢配合!

相关标签搜索: 百度分享   网站   https  

上一篇:HTTP协议的详解
下一篇:云服务器IIS管理器安装SSL证书的方法操作步骤

您可能还会对以下这些文章感兴趣!

  • HTTP与HTTPS的区别

    超文本传输协议HTTP协议被用于在Web浏览器和网站服务器之间传递信息,HTTP协议以明文方式发送内容,不提供任何方式的数据加密,如果攻击者截取了Web浏览器和网站服务器之间的传输报文,就可以直接读懂其中的信息,因此HTTP协议不适合传输一些敏感信息,比如信用卡密码等……【查看全文

    阅读:59788关键词: http   https   日期:2015-07-21
  • 关于大型网站架构的负载均衡技术详解

    负载均衡是将负载(工作任务,访问请求)进行平衡、分摊到多个操作单元(服务器,组件)上进行执行,是解决高性能,单点故障(高可用),扩展性(水平伸缩)的终极解决方案。面对大量用户访问、高并发请求,海量数据,可以使用高性能的服务器、大型数据库,存储设备,高性能W……【查看全文

    阅读:857关键词: 大型网站   网站架构   负载均衡   日期:2016-08-05
  • 如何开启苹果系统的两步验证机制,避免iCloud帐号遭到攻击

    首先,你需要登录至苹果的网页版Apple ID管理系统,你需要点击“管理你的Apple ID”,随后输入帐号密码信息。在登录之后,你需要从左侧导航栏中选择“密码和安全”选项,在这里,你将需要验证安全问题,随后下拉至“两步验证”区域,点击蓝色的“开始”链接并阅读其中的……【查看全文

    阅读:1541关键词: 苹果系统   验证机制   icloud攻击   icloud帐号   icloud   日期:2014-09-08
  • HTTP、SSL/TLS和HTTPS协议的区别与联系

    HTTPS是为了安全性而设置的,要验证很多的信息,相对应http请求的速度肯定有点慢,如果使用HTTPS的话很麻烦的,无意给服务器和客户端增加了很大的压力,所以平时最好不要使用HTTPS,如果牵扯到个人隐私或者是其他的什么重要信息就一定要这么做了,很多的时候你感觉有点问题,……【查看全文

    阅读:15508关键词: http   ssl   https   https协议   日期:2016-05-13
  • 云服务器的常规安全设置及基本安全策略

    我们要保障云服务器数据安全,首先应树立正确的安全意识,从监控、入侵防御、数据备份等多方面做好安全措施,与服务商共同承担数据安全保护责任。只有由内而外进行双重加固,才能获得良好的安全性,最大限度地确保业务安全。最近,换了新的云服务器,很多安全设置就要重新做了,对于一些基本设置及基本安全策略,在网上搜了一下,整理大概有以下这些要点,如果有不足的设置,希望大家帮忙提出哈!……【查看全文

    阅读:25关键词: 云服务器   安全设置   安全策略   服务器   日期:2021-07-19
  • 基于眼球追踪技术对用户调研的探讨研究

    眼球追踪技术就是当人的眼睛看向不同方向时,眼部会有细微的变化,这些变化会产生可以提取的特征,计算机可以通过图像捕捉或扫描提取这些特征,从而实时追踪眼睛的变化,预测用户的状态和需求,并进行响应,达到用眼睛控制设备的目的。其实现的原理可分为三类:一是根据……【查看全文

    阅读:296关键词: 眼球追踪技术   用户调研   日期:2017-07-26
  • SSL证书服务的DV SSL、OV SSL和EV SSL三种类型有什么区别?

    SSL 证书就是遵守 SSL协议,由受信任的数字证书颁发机构CA,在验证服务器身份后颁发,具有服务器身份验证和数据传输加密功能。SSL证书服务帮助您以最小的成本将服务从HTTP转换成HTTPS,实现网站或移动应用的身份验证和数据加密传输。简单来说,SSL证书是数字证书的一种,类似于驾驶证、护照和营业执照的电子副本。因为配置在服务器上,也称为SSL服务器证书。该安全协议主要用来提供对用户和服务器的认证;对传送的数据进行加密和隐藏;确保数据……【查看全文

    阅读:27关键词: SSL证书   日期:2021-07-15
  • 深入解析互联网协议的原理

    我们每天都在使用互联网,更有很多的是依靠互联网来维持公司的正常运作、来维持人们的日常的生活,但你是否想过,互联网的信息传递是如何实现的呢? 全世界几十亿台电脑,连接在一起,两两通信。在中国的某一块网卡送出信号,美国的另一块网卡居然就收到了,两者实际上……【查看全文

    阅读:2217关键词: 互联网协议   互联网   解析互联网   互联网原理   日期:2013-10-20
  • 详解内存数据库中的索引技术

    传统的数据库管理系统把所有数据都放在磁盘上进行管理,所以称作磁盘数据库(DRDB:Disk-Resident Database),磁盘数据库需要频繁地访问磁盘来进行数据的操作,磁盘的读写速度远远小于CPU处理数据的速度,所以磁盘数据库的瓶颈出现在磁盘读写上,基于此,内存数据库的概……【查看全文

    阅读:3708关键词: 内存数据库   索引技术   数据库   日期:2015-01-09
  • HTTPS建设使用的方案教程解析

    百度已对部分地区开放HTTPS加密搜索服务,随后,百度实行全站化HTTPS安全加密服务,百度HTTPS安全加密已覆盖主流浏览器,旨在用户打造了一个更隐私化的互联网空间、加速了国内互联网的HTTPS化。同时也希望更多网站加入到HTTPS的队伍中来,为网络安……【查看全文

    阅读:90关键词: seo   https   日期:2018-02-01
  • 网站开启https后,百度分享插件不显示了该怎么解决?

    百度分享插件不支持https的解决方法:网站自从开启https之后,网页中的百度分享就不能用了!但是又寻找不到类似百度分享的替代品,该怎么办呢?还是要想办法如何解决百度分享不支持https的问题!于是查阅了很多资料,还真发现了一个完美解决这个问题的方法。由于百度分享不支持HTTPS这件事由来已久,一直也有一些朋友咨询这个问题:网站添加https后,百度分享不显示了,该怎么解决呢?所以我就整理了一下解决方案。……【查看全文

    阅读:16关键词: 网站   https   百度分享   日期:2020-10-29
  • HTTP协议的详解

    协议是指计算机通信网络中两台计算机之间进行通信所必须共同遵守的规定或规则,超文本传输协议(HTTP)是一种通信协议,它允许将超文本标记语言(HTML)文档从Web服务器传送到客户端的浏览器。HTTP协议,即超文本传输协议,是一种详细规定了浏览器和万维网服务器之间互相通信的规则,通过因特网传送万维网文档的数据传送协议。HTTP协议是用于从WWW服务器传输超文本到本地浏览器的传送协议。它可以使浏览器更加高效,使网络传输减少。它不仅保证计算……【查看全文

    阅读:89关键词: http   http协议   日期:2020-02-29
  • 盘点2010年代这10年的重大网络安全事件

    二十一世纪的第2个十年即将过去,在过去十年里有很多的重大网络安全事件发生,我们见证了过去十年,大量的数据泄露、黑客攻击、民族国家之间的间谍行动、几乎不间断的金钱利益网络犯罪以及让系统崩溃的恶意软件,这些安全事件不绝于耳。以史为镜可以知兴替,我们不必沉溺于过去重大的数据泄露事件或者黑客行动,而是更应该专注他们的技术,从这些技术中去预见未来网络安全趋势,让专家对网络安全领域范式转变有所了解。下面我就按时间……【查看全文

    阅读:1214关键词: 2010年代   网络安全   网络事件   日期:2019-12-21
  • heartbleed漏洞事件:可怕的不是公开的漏洞,而是未公开的漏洞

    一个漏洞的公开之日就是死亡倒计时的开始。如以前所有的漏洞事件一样,在它被慢慢补上并淡出人们视线之前,黑客和安全人员都在抓紧最后的时间进行赛跑。一般漏洞在公开之前都会有一段地下流传期,有的漏洞在公开前甚至被地下用过一年。这个漏洞又被用过多久?细思极恐呀!……【查看全文

    阅读:1529关键词: heartbleed   heartbleed漏   heartbleed事   漏洞事件   日期:2014-04-11
  • 计算机的开机启动原理

    计算机从打开电源到开始操作,整个启动可以说是一个非常复杂的过程。总体来说,计算机的整个启动过程分成四个阶段:第一阶段:BIOS;第二阶段:主引导记录;第三阶段:硬盘启动;第四阶段:操作系统;直至执行/bin/login程序,跳出登录界面,等待用户输入用户名和密码。……【查看全文

    阅读:3364关键词: 计算机   计算机启动   计算机原理   开机启动原理   日期:2014-01-16
  • 互联网技术的50年发展回顾与分析

    1998年至2008年是公认的互联网飞速发展的十年,无论是传输速率、网络规模、关键技术还是应用领域都经历了大幅的增长。如今又一个十年过去,互联网迎来了诞生50周年的重要时期。回顾最近一个十年,互联网同样发生了很大的变化:移动互联网数据速率的大幅提高和智能手机应用的快速普及、主干网传输速率达到100Gbps、IPv4地址分配完毕、IPv6网络快速发展、新型传输协议QUIC的诞生、云计算的广泛部署等,但也有很多未发生显著改变的方面,例如网络体……【查看全文

    阅读:808关键词: 互联网   日期:2020-01-03
  • HTTP服务的七层架构技术解析及运用

    一般来说,计算机领域的体系结构普遍采用了分层的方式,从最底层的硬件往高层依次有:操作系统->驱动程序->运行库->系统程序->应用程序等等。从网络分层模型OSI来讲,由上至下为:应用层->表示层->会话层->传输层->网络层->数据链路层->物理层。当然实际应用的TCP/IP协……【查看全文

    阅读:5529关键词: 七层架构解析   七层架构运用   七层架构技术   http服务   日期:2014-09-11
  • 云服务器IIS管理器安装SSL证书的方法操作步骤

    安装SSL证书的前提,首先需要准备好域名,然后根据这个域名申请SSL证书,如果二级域名很多建议使用泛域名类型的SSL证书。如果不申请证书,网站就会被受到限制,所以注册SSL证书的目的是让网站正式一些,打开会有官方的形象提升用户之前信任度,防止劫持与搜索引擎收录的优势。首先我们的网站已经办理了HTTP协议的站点,确保网站已经在HTTP情况下可以访问,然后开始部署站点HTTPS协议(SSL证书)。本文档指导您如何在 IIS 中安装 SSL 证书。……【查看全文

    阅读:7关键词: 云服务器   IIS   SSL证书   服务器   日期:2020-12-13
  • 基于贝叶斯推断应用原理的过滤垃圾邮件研究

    随着电子邮件的应用与普及,垃圾邮件的泛滥也越来越多地受到人们的关注。而目前正确识别垃圾邮件的技术难度非常大。传统的垃圾邮件过滤方法,主要有关键词法和校验码法等。前者的过滤依据是特定的词语;后者则是计算邮件文本的校验码,再与已知的垃圾邮件进行对比。它们……【查看全文

    阅读:942关键词: 贝叶斯推断   贝叶斯应用   贝叶斯原理   过滤垃圾邮件   垃圾邮件   日期:2013-11-01
  • 基于高斯模糊原理的模糊图片的研究

    高斯模糊(Gaussian Blur)的原理中,它是根据高斯曲线调节象素色值,它是有选择地模糊图像。说得直白一点,就是高斯模糊能够把某一点周围的像素色值按高斯曲线统计起来,采用数学上加权平均的计算方法得到这条曲线的色值,最后能够留下人物的轮廓,即曲线,是指当Adobe……【查看全文

    阅读:852关键词: 高斯模糊   高斯模糊原理   模糊图片   高斯模糊研究   日期:2013-11-12
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

小程序关联H5站点的介绍说明 Google图片搜索辨别技术的原理