微信实现自动跳转到用其他浏览器打开指定APP下载


Posted in Javascript onFebruary 15, 2019

目前的APP基本都支持二维码扫描下载,二维码下载也成为了大家用起来很顺手的一种方式。由于微信的用户基本占据了国内市场的90%,说到扫一扫用户第一个想到的就是打开微信扫一下,通过微信分享APP,再从分享的链接下载apk/ios包。故用户通常都是使用微信打开链接或扫描二维码前往下载页,这是刚需。

在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况。这时需要微信跳转外部浏览器打开页面的功能,对于ios用户默认可以通过微信内置浏览器点击右上角的更多按钮从而选择“在浏览器中打开”,对于安卓用户则可以实现微信内直接跳出到手机默认浏览器。但是很多用户其实并不知道该任何实现,其实只要在代码中进行相关的处理即可。下面为大家介绍这两种方式的实现方式,不仅可以防封,还可以达到跳转手机浏览器的效果。

需求分析

现在微信分享的功能很多,从分享的链接下载apk或者ios文件是很常用的一个功能。但是微信scheme接口会自动屏蔽含apk或ios文件的下载链接,不允许直接通过微信下载安装文件。如果域名访问次数过多后被系统检测会自动封掉该域名。被封域名后台用户在微信中打开连接就会提示不存在或已停止访问的提示。但很多用户不知道是被屏蔽了,故以为是链接有问题,最后在该步骤流失的量就会很大,推广转化率就会很低。那么究竟该如何解决这个问题呢?

代码编程

HTML代码

var ua = navigator.userAgent;
var isWeixin = !!/MicroMessenger/i.test(ua);

CSS代码

#weixin-tip{display:none;position:fixed;left:0;top:0;background:rgba(0,0,0,0.8);filter:alpha(opacity=80);width:100%;height:100%;z-index:100;}
 #weixin-tip p{text-align:center;margin-top:10%;padding:0 5%;position:relative;}
 #weixin-tip .close{color:#fff;padding:5px;font:bold 20px/24px simsun;text-shadow:0 1px 0 #ddd;position:absolute;top:0;left:5%;}

JS封装代码

var is_weixin = (function(){return navigator.userAgent.toLowerCase().indexOf(‘micromessenger') !== -1})();
 window.onload = function() {
 var winHeight = typeof window.innerHeight != ‘undefined' ? window.innerHeight : document.documentElement.clientHeight; //兼容IOS,不需要的可以去掉
 var btn = document.getElementById(‘J_weixin');
 var tip = document.getElementById(‘weixin-tip');
 var close = document.getElementById(‘close');
 if (is_weixin) {
 btn.onclick = function(e) {
 tip.style.height = winHeight + ‘px'; //兼容IOS弹窗整屏
 tip.style.display = ‘block';
 return false;
 }
 close.onclick = function() {
 tip.style.display = ‘none';
 }
 }
 }

至此,我们就可以直接用微信扫描二维码在微信中分享和宣传引流了。这样我们能够极大的提高自己的APP在微信中的推广转化率。解决掉了微信中下载链接被屏蔽等问题。充分利用微信的用户群体来宣传引流。

旋风微跳是一款基于微信后端开发了一款微信营销下载推广助手,使用了本插件生成的链接,用户在微信任意环境下点击链接或者扫描二维码,可以实现直接跳转手机默认浏览器并打开指定网页。

旋风微跳 网址:http://www.zjychina.cn

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持三水点靠木。

Javascript 相关文章推荐
根据地区不同显示时间的javascript代码
Aug 13 Javascript
jQuery学习笔记之jQuery选择器的使用
Dec 22 Javascript
兼容IE和Firefox的javascript获取iframe文档内容的函数
Aug 15 Javascript
3种Jquery限制文本框只能输入数字字母的方法
Dec 03 Javascript
JS判断输入的字符串是否是数字的方法(正则表达式)
Nov 29 Javascript
解析AngularJS中get请求URL出现的跨域问题
Dec 01 Javascript
three.js快速入门【推荐】
Jan 21 Javascript
JS复制对应id的内容到粘贴板(Ctrl+C效果)
Jan 23 Javascript
ionic2屏幕适配实现适配手机、平板等设备的示例代码
Aug 11 Javascript
Bootstrap 模态框(Modal)带参数传值实例
Aug 20 Javascript
关于React动态加载路由处理的相关问题
Jan 07 Javascript
vue router总结 $router和$route及router与 router与route区别
Jul 05 Javascript
微信小程序实现联动选择器
Feb 15 #Javascript
推荐一个基于Node.js的表单验证库
Feb 15 #Javascript
微信小程序实现左右列表联动
May 19 #Javascript
webpack-url-loader 解决项目中图片打包路径问题
Feb 15 #Javascript
微信小程序实现单选选项卡切换效果
Jun 19 #Javascript
一秒学会微信小程序制作table表格
Feb 14 #Javascript
React通过redux-persist持久化数据存储的方法示例
Feb 14 #Javascript
You might like
使用PHP和JavaScript判断请求是否来自微信内浏览器
2015/08/18 PHP
laravel获取不到session的三种解决办法【推荐】
2018/09/16 PHP
jQuery实现表单input中提示文字value随鼠标焦点移进移出而显示或隐藏的代码
2010/03/21 Javascript
jquery中:input和input的区别分析
2011/07/13 Javascript
js显示文本框提示文字的方法
2015/05/07 Javascript
理解AngularJs指令
2015/12/10 Javascript
关于JavaScript 原型链的一点个人理解
2016/07/31 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
2017/02/03 Javascript
ndm:NPM的桌面GUI应用程序
2018/10/15 Javascript
JS实现图片切换效果
2018/11/17 Javascript
微信小程序页面传多个参数跳转页面的实现方法
2019/05/17 Javascript
如何使用CSS3+JQuery实现悬浮墙式菜单
2019/06/18 jQuery
JS控制只能输入数字并且最多允许小数点两位
2019/11/24 Javascript
JS document文档的简单操作完整示例
2020/01/13 Javascript
JavaScript对象字面量和构造函数原理与用法详解
2020/04/18 Javascript
鸿蒙系统中的 JS 开发框架
2020/09/18 Javascript
js实现头像上传并且可预览提交
2020/12/25 Javascript
对PyQt5中的菜单栏和工具栏实例详解
2019/06/20 Python
使用 Python 遍历目录树的方法
2020/02/29 Python
为什么称python为胶水语言
2020/06/16 Python
Python包和模块的分发详细介绍
2020/06/19 Python
Python函数__new__及__init__作用及区别解析
2020/08/31 Python
python开发入门——列表生成式
2020/09/03 Python
英国太阳镜品牌:Taylor Morris Eyewear
2018/04/18 全球购物
耐克奥地利官网:Nike奥地利
2019/08/16 全球购物
西班牙在线宠物食品和配件商店:bitiba
2019/10/11 全球购物
巴西最大的巴士票务门户:Quero Passagem
2020/11/21 全球购物
西安启天科技有限公司网络工程师面试题笔试题
2016/06/12 面试题
医学生职业规划范文
2014/01/05 职场文书
竞选班委演讲稿
2014/04/28 职场文书
英语系毕业生求职信
2014/07/13 职场文书
小爸爸观后感
2015/06/15 职场文书
食品安全主题班会
2015/08/13 职场文书
严以修身专题学习研讨会发言材料
2015/11/09 职场文书
小学秋季运动会加油口号及加油稿
2019/08/19 职场文书
仅用一句SQL更新整张表的涨跌幅、涨跌率的解决方案
2021/05/06 MySQL