微信跳转手机外部浏览器下载APP文件(IOS跳转app store/安卓直接下载文件)的解决办法及源码

很多朋友的APP推广链接需要在微信中进行的网页宣传、传播、下载等等,但是各位朋友一定发现了微信中是屏蔽掉了APP的下载链接的。但是微信最为一个最大的社交平台,为了自身的利益,屏蔽掉了所有APK的下载链接。我们要怎么解决这个问题呢?

由此可以判断是否是App内置浏览器或者更加精细到某App内置浏览器。但是略坑的是:微信支付不管是在QQ、微信还是支付宝内置浏览器里面都不能被唤醒;支付宝支付可以在支付宝内置浏览器唤醒,其余则不能。

在外部浏览器打开是用jquery遮罩层方式写的,下面直接贴代码:

    function is_neizhi() {

    var ua = navigator.userAgent.toLowerCase();

    if (ua.match(/MicroMessenger/i) == "micromessenger") {

    return "weixin";

    } else if (ua.match(/QQ/i) == "qq") {

    return "QQ";

    } else if (ua.match(/Alipay/i) == "alipay" && payway == 2) {

    return "alipay";

    }

    return false;

    }.

    ?>--有不懂的加q咨询:174494294

    var isNeizhi = is_neizhi(); //调用上面js判断

    var winHeight = typeof window.innerHeight != 'undefined' ? window.innerHeight : document.documentElement.clientHeight; //网页可视区高度

    var weixinTip = $('<div id="weixinTip"><p><img src="live_weixin.png" alt="微信打开"/></p></div>');

    if(isNeizhi){

    $("body").append(weixinTip);

    }

    $("#weixinTip").css({

    "position": "fixed",

    "left": "0",

    "top": "0",

    "height": winHeight,

    "width": "100%",

    "z-index": "1000",

    "background-color": "rgba(0,0,0,0.8)",

    "filter": "alpha(opacity=80)",

    });

    $("#weixinTip p").css({

    "text-align": "center",

    "margin-top": "10%",

    "padding-left": "5%",

    "padding-right": "5%"

    });

    $("#weixinTip p img").css({

    "max-width": "100%",

    "height": "auto"

    });

解决方案:

我们基于微信接口开发了一款全新的手机端微信中下载APP的程序,通过这个程序生成的链接,安卓用户在微信中点击的话,是可以直接跳转手机默认浏览器打开下载链接。IOS用户在微信中点击的话会弹出一个遮罩提示用户用浏览器打开下载链接或者是跳转到苹果的APP商店。这样的话大大的减少了用户的操作步骤,使用我们的方法都不会出现微信所谓的捆绑下载。给以用户以良好的下载体验,对我们的推广转化率会有显著的提升。


测试地址:http://www.zjychina.cn

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容