没有不值得去解决的问题,也没有不值得去学习的技术!

在网站 HTTPS 下,百度、阿里妈妈的广告嵌入未显示的分析与解决

在网站升级至 HTTPS 后,百度、阿里妈妈的广告嵌入未显示

1、在网站升级至 HTTPS 后,百度、阿里妈妈的广告嵌入未显示,如图1

在网站升级至 HTTPS 后,百度、阿里妈妈的广告嵌入未显示
图1

2、百度的广告嵌入代码,其中存在 HTTP 的网址

JavaScript



(function() {
    var s = "_" + Math.random().toString(36).slice(2);
    document.write('<div id="' + s + '"></div>');
    (window.slotbydup=window.slotbydup || []).push({
        id: '6758467',
        container: s,
        size: '200,280',
        display: 'inlay-fix'
    });
})();





</pre>

3、阿里妈妈的广告嵌入代码,其中存在 HTTP 的网址

JavaScript


        document.write('<a style="display:none!important" id="tanx-a-mm_123311466_23836172_109841700208"></a>');
        tanx_s = document.createElement("script");
        tanx_s.type = "text/javascript";
        tanx_s.charset = "gbk";
        tanx_s.id = "tanx-s-mm_123311466_23836172_109841700208";
        tanx_s.async = true;
        tanx_s.src = "http://p.tanx.com/ex?i=mm_123311466_23836172_109841700208";
        tanx_h = document.getElementsByTagName("head")[0];
        if(tanx_h)tanx_h.insertBefore(tanx_s,tanx_h.firstChild);


4、基于浏览器提示:点击 加载不安全的脚本 后,百度广告已显示,但是阿里妈妈仍示显示,且浏览器提示不安全,如图2

基于浏览器提示:点击 加载不安全的脚本 后,百度广告已显示,但是阿里妈妈仍示显示,且浏览器提示不安全
图2

5、庆幸的是百度与阿里妈妈皆已支持 HTTPS 协议,调整嵌入广告代码,将 http:// 替换为 https:// 后,再次打开网页,皆已经成功显示,且未再提示不安全,如图3

庆幸的是百度与阿里妈妈皆已支持 HTTPS 协议,调整嵌入广告代码,将 http:// 替换为 https:// 后,再次打开网页,皆已经成功显示,且未再提示不安全
图3
JavaScript




<script type="text/javascript">
        document.write('<a style="display:none!important" id="tanx-a-mm_123311466_23836172_109841700208"></a>');
        tanx_s = document.createElement("script");
        tanx_s.type = "text/javascript";
        tanx_s.charset = "gbk";
        tanx_s.id = "tanx-s-mm_123311466_23836172_109841700208";
        tanx_s.async = true;
        tanx_s.src = "https://p.tanx.com/ex?i=mm_123311466_23836172_109841700208";
        tanx_h = document.getElementsByTagName("head")[0];
        if(tanx_h)tanx_h.insertBefore(tanx_s,tanx_h.firstChild);


关于作者 · 持续学习与技术实践

我是一名拥有 15 年以上开发经验的技术从业者,自 2013 年起持续运营个人技术博客,记录工作与个人项目中遇到的真实问题,以及解决问题过程中的探索、实践和思考。

除了技术写作,我也在持续开发和维护自己的独立项目,探索新技术和新工具在实际场景中的应用。我始终相信,没有不值得去解决的问题,也没有不值得去学习的技术。

如果这篇文章对你有所帮助,欢迎浏览博客中的其他文章,也欢迎交流技术经验与想法。

关于我  ·  GitHub  ·  邮件联系