微信实现自动跳转到用其他浏览器打开指定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 相关文章推荐
小试JQuery的AutoComplete插件
May 04 Javascript
JavaScript实现自己的DOM选择器原理及代码
Mar 04 Javascript
两种常用的javascript数组去重方法思路及代码
Mar 26 Javascript
Jquery网页出现的乱码问题的三种解决方法
Jun 30 Javascript
JavaScript限定复选框的选择个数示例代码
Aug 25 Javascript
jQuery搜索子元素的方法
Feb 10 Javascript
javascript事件委托的方式绑定详解
Jun 10 Javascript
javascript常用的方法分享
Jul 01 Javascript
GitHub上一些实用的JavaScript的文件压缩解压缩库推荐
Mar 13 Javascript
简单几步实现返回顶部效果
Dec 05 Javascript
Angularjs中数据绑定的实例详解
Aug 25 Javascript
javascript将16进制的字符串转换为10进制整数hex
Mar 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
DOTA2 无惧惊涛骇浪 昆卡大型水友攻略
2020/04/20 DOTA
FirePHP 推荐一款PHP调试工具
2011/04/23 PHP
php中修改浏览器的User-Agent来伪装你的浏览器和操作系统
2011/07/29 PHP
PHP 字符串长度判断效率更高的方法
2014/03/02 PHP
php与Mysql的一些简单的操作
2015/02/26 PHP
PHP代码维护,重构变困难的4种原因分析
2016/01/25 PHP
php 命名空间(namespace)原理与用法实例小结
2019/11/13 PHP
新手入门常用代码集锦
2007/01/11 Javascript
JavaScript中Object和Function的关系小结
2009/09/26 Javascript
浅析jquery的作用与优势
2013/12/02 Javascript
javascript读取xml实现javascript分页
2013/12/13 Javascript
使用script的src实现跨域和类似ajax效果
2014/11/10 Javascript
使用javascript获取页面名称
2014/12/23 Javascript
原生js结合html5制作简易的双色子游戏
2015/03/30 Javascript
两种JavaScript的AES加密方式(可与Java相互加解密)
2016/08/02 Javascript
JS创建对象的写法示例
2016/11/04 Javascript
学习使用bootstrap的modal和carousel
2016/12/09 Javascript
ReactNative页面跳转Navigator实现的示例代码
2017/08/02 Javascript
VUE项目axios请求头更改Content-Type操作
2020/07/24 Javascript
微信小程序接入vant Weapp组件的详细步骤
2020/10/28 Javascript
[00:34]拔城逐梦,热血永恒!2020(秋)完美世界城市挑战赛报名开启
2020/10/09 DOTA
python中循环语句while用法实例
2015/05/16 Python
Python基础中所出现的异常报错总结
2016/11/19 Python
python登录并爬取淘宝信息代码示例
2017/12/09 Python
python 在屏幕上逐字显示一行字的实例
2018/12/24 Python
Python实现FTP文件定时自动下载的步骤
2020/12/19 Python
前端隐藏出边界内容的实现方法
2016/04/14 HTML / CSS
美国演唱会订票网站:Ticketmaster美国
2017/10/05 全球购物
耐克波兰官方网站:Nike波兰
2019/09/03 全球购物
防灾减灾日活动总结
2014/08/26 职场文书
党员组织生活会发言材料
2014/10/17 职场文书
2014年财务工作总结范文
2014/11/11 职场文书
2015毕业寄语大全
2015/02/26 职场文书
师德承诺书2015
2015/04/28 职场文书
工作简历的自我评价
2019/05/16 职场文书
浅谈golang 中time.After释放的问题
2021/05/05 Golang