马海祥博客是一个专注于分享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证书的方法操作步骤

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

  • 完整的汉字Unicode编码表

    什么是Unicode编码呢?在创造Unicode之前针对各种语言有几百种编码系统,而且这些编码系统也相互冲突,给不同语言系统的电脑进行交流带来了麻烦。因为两种相同的字符在不同的编码系统可能有完全不同的意思,这些不同甚至会对电脑带来危害。于是Unicode出现了,Unicode给每个字符提供了一个唯一的数字,不论是什么平台,不论是什么程序,不论是什么语言。它真正实现了全球电脑系统的United,作为一个标准,它已经成为全球软件技术最重要的发展趋势……【查看全文

    阅读:177关键词: 编码表   日期:2019-06-25
  • 今日头条的个性化推荐算法

    互联网给用户带来了大量的信息,满足了用户在信息时代对信息的需求,但也使得用户在面对大量信息时无法从中获得对自己真正有用的那部分信息,对信息的使用效率反而降低了,而通常解决这个问题最常规的办法是推荐系统。推荐系统能有效帮助用户快速发现感兴趣和高质量的信……【查看全文

    阅读:13888关键词: 今日头条   日期:2016-01-20
  • 自然语言处理的单词嵌入及表征方法

    本这篇文章里,综述了在自然语言处理(NLP)上应用深度神经网络得到的一些效果极其显著的成果,但我写这篇文章的主要动力是为之后要写的一篇探索深度学习,类型论(type theory)和功能性编程(functional programming)之间关系的文章铺路,希望能提供一个能解释为何深……【查看全文

    阅读:2732关键词: 自然语言   语言处理   单词嵌入   表征方法   日期:2014-10-29
  • HTTP、SSL/TLS和HTTPS协议的区别与联系

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

    阅读:15827关键词: http   ssl   https   https协议   日期:2016-05-13
  • 计算机的开机启动原理

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

    阅读:3485关键词: 计算机   计算机启动   计算机原理   开机启动原理   日期:2014-01-16
  • Windows云服务器如何在IIS内升级PHP版本?

    最近,做了一个新站,但由于网站系统的要求,服务器配置的PHP版本必须要在7.3以上,因此,我们就遇到了一个新问题:那就是在不重置服务器配置的前提下,如何升级当下服务器的PHP版本?于是,在多次搜索和测试后,终于找到了一个简便快捷的方法,借此也在马海祥博客上跟大家分享一下:下面就来看下如何在具有IIS的Windows服务器上升级PHP版本。……【查看全文

    阅读:57关键词: 服务器   php   iis   日期:2022-05-26
  • 如何开启苹果系统的两步验证机制,避免iCloud帐号遭到攻击

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

    阅读:1677关键词: 苹果系统   验证机制   icloud攻击   icloud帐号   icloud   日期:2014-09-08
  • 云服务器IIS管理器安装SSL证书的方法操作步骤

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

    阅读:26关键词: 云服务器   IIS   SSL证书   服务器   日期:2020-12-13
  • HTTP协议的详解

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

    阅读:172关键词: http   http协议   日期:2020-02-29
  • SSL证书服务的DV SSL、OV SSL和EV SSL三种类型有什么区别?

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

    阅读:81关键词: SSL证书   日期:2021-07-15
  • 盘点2010年代这10年的重大网络安全事件

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

    阅读:1645关键词: 2010年代   网络安全   网络事件   日期:2019-12-21
  • 互联网技术的50年发展回顾与分析

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

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

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

    阅读:6067关键词: 七层架构解析   七层架构运用   七层架构技术   http服务   日期:2014-09-11
  • 基于眼球追踪技术对用户调研的探讨研究

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

    阅读:358关键词: 眼球追踪技术   用户调研   日期:2017-07-26
  • 基于高斯模糊原理的模糊图片的研究

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

    阅读:937关键词: 高斯模糊   高斯模糊原理   模糊图片   高斯模糊研究   日期:2013-11-12
  • 如何收集和存储服务器运营的数据

    随着数据的逐步完善和开放,互联网和企业都将建立起完善的大数据服务基础架构及商业化模式,从数据的存储、挖掘、管理、计算等方面提供一站式服务,将各行各业的数据孤岛打通互联,而且数据应用的生态系统也将变得非常成熟,甚至出现用户与数据服务商之间的算法提供商,……【查看全文

    阅读:2268关键词: 数据收集   数据存储   服务器运营   日期:2015-02-09
  • HTTPS建设使用的方案教程解析

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

    阅读:128关键词: seo   https   日期:2018-02-01
  • 详解内存数据库中的索引技术

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

    阅读:3926关键词: 内存数据库   索引技术   数据库   日期:2015-01-09
  • 百亿级规模的日志系统架构设计及优化

    日志数据是最常见的一种海量数据,以拥有大量用户群体的电商平台为例,双11大促活动期间,它们可能每小时的日志数量达到百亿规模,海量的日志数据暴增,随之给技术团队带来严峻的挑战。本文将从海量日志系统在优化、部署、监控方向如何更适应业务的需求入手,重点从多种日……【查看全文

    阅读:614关键词: 日志系统   架构设计   系统架构   日期:2018-05-22
  • heartbleed漏洞事件:可怕的不是公开的漏洞,而是未公开的漏洞

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

    阅读:1611关键词: heartbleed   heartbleed漏   heartbleed事   漏洞事件   日期:2014-04-11
↓ 点击查看更多 ↓

互联网更多>>

SEO优化 更多>>

如何做好淘宝类目流量的优化策略 SEO排名爆破技术的核心优化思维