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

目前的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

以上就是本文的全部内容，希望对大家的学习有所帮助，也希望大家多多支持我们。

赞 (0)

相关推荐

  • 微信提示 在浏览器打开 效果实现过程解析

    微信提示 在浏览器打开 效果实现过程解析

    概述 大体思路是这样的:先建一个蒙版,蒙版放上提示的信息,然后写一个js,在页面打开的时候判断是不是用微信自带的浏览器打开的,如果是就打开蒙版,提示用浏览器打开 .基本页面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>APP下载</title> <style type="text/cs

  • 微信支付如何实现内置浏览器的H5页面支付

    因为项目需要,要在H5页面中加入微信支付,所以便去尝试,只想说真的很坑,尤其调试起来不方便 这是微信的官方API文档 微信API 微信支付的准备工作 申请公众号,申请开通支付,这个很简单,自行百度 申请好之后 在微信公众平台页面的"微信支付"页面中的"开发配置"Tab上配置"支付授权目录","测试授权目录","测试白名单" 在微信公众平台页面的"开发者中心"中找到"AppID(

  • PHP判断是否是微信打开,浏览器打开的方法

    #问题 项目中遇到的问题, 如果用户是使用微信访问的. 那么进行友好提示"如何使用浏览器打开/告诉用户使用浏览器打开" 方案 useragent是浏览器标识, 带有一些客户信息. 比如浏览器内核, 操作系统等等 微信访问网页也是一个浏览器, 它也有UA. 那么就判断它的UA 就可以辨别是否被微信所访问了 $ua = $_SERVER['HTTP_USER_AGENT']; //MicroMessenger 是android/iphone版微信所带的 //Windows Phone 是w

  • JS监听微信、支付宝等移动app及浏览器的返回、后退、上一页按钮的事件方法

    在实际的应用中,我们常常需要实现在移动app和浏览器中点击返回.后退.上一页等按钮实现自己的关闭页面.调整到指定页面或执行一些其它操作的需求,那在代码中怎样监听当点击微信.支付宝.百度糯米.百度钱包等app的返回按钮或者浏览器的上一页或后退按钮的事件呢. 我相信很多朋友像我一样,在百度.搜狗里面搜索很久都没找到方法. 下面就来告诉大家怎样监听的方法: 首先我们要了解浏览器的history. 大家知道在页面中我们可以使用javascript window history,后退到前面页面,但是由于安

  • 微信打开网址添加在浏览器中打开提示的办法

    微信打开网址添加在浏览器中打开提示的办法

    使用微信打开网址时,无法在微信内打开常用下载软件,手机APP等.网上流传的各种微信打开下载链接,微信一更新基本失效.大家常用的方法是,弹出一个遮罩提示用户在新的浏览器窗口打开,再也不用管微信如何的更新. 直接判断微信的ua,如果是在微信内置浏览器中打开,弹出一个遮罩提示用户在浏览器中打开下载,并且不加关闭的按钮.这样子用户就只能在浏览器中打开,并且可以直接下载应用了. css代码 <style type="text/css"> *{ margin:0; padding:0;

  • PHP判断是手机端还是PC端 PHP判断是否是微信浏览器

    本文实例为大家分享了PHP判断的两个实例,一是PHP判断是手机端还是PC端,二是PHP判断是否是微信浏览器,供大家参考,具体内容如下 1.判断是否是手机端 function isMobile() { // 如果有HTTP_X_WAP_PROFILE则一定是移动设备 if (isset($_SERVER['HTTP_X_WAP_PROFILE'])) { return true; } // 如果via信息含有wap则一定是移动设备,部分服务商会屏蔽该信息 if (isset($_SERVER['H

  • PHP判断是否是微信打开还是浏览器打开的方法

    /** * 方法一:判断判断是否是微信打开(试过,可以) */ $ua = $_SERVER['HTTP_USER_AGENT']; if (strpos($ua, 'MicroMessenger') == false && strpos($ua, 'Windows Phone') == false) { echo '普通浏览器打开'.$wxpay_type; //跳转移动端页面 $alipay_type=5;//支付宝移动支付 $wxpay_type=3;//微信H5支付 } else

  • JS判断当前页面是否在微信浏览器打开的方法

    本文实例讲述了JS判断当前页面是否在微信浏览器打开的方法.分享给大家供大家参考,具体如下: 最近做很多HTML5的项目,很多页面会通过微信微博等SNS分享出去.在分享页面上提供公司APP的下载.但是在很多应用的浏览器中,点击下载链接无法下载应用.那么针对这些浏览器我们需要给用户提示从safari或者系统自带的浏览器打开分享页面.通过js就可以判断当前页面是在什么浏览器打开的. 以下是一段示例代码,注释中表明了通过JS如何判断是否在微信浏览器打开,是否在QQ空间浏览器,是否在新浪微博打开.当然可以

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

    目前的APP基本都支持二维码扫描下载,二维码下载也成为了大家用起来很顺手的一种方式.由于微信的用户基本占据了国内市场的90%,说到扫一扫用户第一个想到的就是打开微信扫一下,通过微信分享APP,再从分享的链接下载apk/ios包.故用户通常都是使用微信打开链接或扫描二维码前往下载页,这是刚需. 在我们做营销活动或推广宣传的时候,容易遇到域名被封,无法跳转app下载等情况.这时需要微信跳转外部浏览器打开页面的功能,对于ios用户默认可以通过微信内置浏览器点击右上角的更多按钮从而选择"在浏览器中打开&

  • PC端微信扫码支付成功之后自动跳转php版代码

    本文实例为大家分享了php微信扫码支付成功之后自动跳转的具体代码,供大家参考,具体内容如下 场景: PC端   微信扫码支付 结果: 支付成功 自动跳转 实现思路: 支付二维码页面,写ajax请求支付状态,请求到结果,无论成功还是失败,都跳转到相应的结果页面 具体实现方法: html部分: 支付结果状态设定: 0 未支付  1 支付成功 2 支付失败 <input type="hidden" id="order_id" value="<?php

  • js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能

    js实现微信/QQ直接跳转到支付宝APP打开口令领红包功能

    最近支付宝的领红包可真是刷爆了各个微信群啊,满群都是支付宝口令. 可是这样推广可不是办法,又要复制又要打开支付宝又要点领取,太麻烦了. 于是乎,提出了一个疑问! 是否可以在微信里面点一个链接然后直接打开支付宝并自动领取呢??? 就像下面这样! 上图解说: 1.点击一个url 2.立即跳转到支付宝APP 3.并且秒领红包 对,没错,上面就是本次案例的demo 大家可以扫码体验: 实现的原理很简单 源码只有一个html文件和js文件 html只要是方便加载js index.html <!DOCTYP

  • 扫二维码自动跳转【java】详解

    扫二维码自动跳转【java】详解

    这个帖子网上很多了,但是都是讲理论知识,我呢,喜欢搞代码.既然搞完了,就贴出来备忘一下,也可以分享一下. 重复理论步骤: 1.进入网站-生成UUID 2.跳转到二维码页面(二维码包含UUID) 3.二维码页面写一个js,自动请求服务器查询二维码是否被扫 4.服务器收到请求,查询,如果还没被扫,进入等待,先不返回结果 5.一旦被扫,立即返回结果,页面js收到响应,做后续处理 OK,步骤是这样的没错,不过有一点缺点,步骤3中如果请求超时怎么办. 这个微信web登录有示例,服务器被请求后,持续等待25

  • asp.net网站首页根据IP自动跳转指定页面的示例

    对于大中型网站,为了增强用户体验,往往需要根据不同城市站点的用户推送或展现相应个性化的内容,如对于一些大型门户网站的新闻会有城市站点的功能,如果没有设置相应的城市站点,默认就是根据用户访问的IP地址的所在城市自动设置.本文主要通过自定义扩展IHttpModule接口,考虑到性能IP数据库主要采用QQwry纯真IP数据库,主要实现根据IP地址或地址段或IP所在城市进行自动跳转到指定页面的功能(支持Nginx作为前端反向代理服务器),该WebsiteSkip组件核心代码如下: 复制代码 代码如下:

  • ViewPager实现带引导小圆点与自动跳转的引导界面

    ViewPager实现带引导小圆点与自动跳转的引导界面

    实现引导小圆点的方法其实很简单,可直接在布局上放置与引导页面等量的ImageView,然后在切换页面的时候更改图片资源就好了.这里顺便提一下,有些APP是干脆在制作引导页面图片的时候加上引导小圆点,这种方式显然最简单不过了,但是既然是附在图片上的,在切换的时候也是随着图片滑动的,显然看起来效果并不是很好,甚至在我们需要加入小圆点的切换动画时,那就更不能这么去做了. 首先我们先来看看实现效果 这里我们的小圆点图片资源是采用shape绘制的,这里我弄的很随便,所以很粗糙,如果觉得不是很美观那就自行修

  • javascript秒数倒计时自动跳转代码

    var secs =5; //倒计时的秒数 var URL ; function Load(url){ URL =url; for(var i=secs;i>=0;i--) { window.setTimeout('doUpdate(' + i + ')', (secs-i) * 1000); } } function doUpdate(num) { document.getElementById('ShowDiv').innerHTML = '将在'+num+'秒后自动跳转到 我们' ; if

  • JSP建立错误页页面并自动跳转

    JSP建立错误页页面并自动跳转

    在各个常用的web站点中,经常会发现这样一个功能:当一个页面出错后,会自动跳转到一个页面上进行错误信息的提示. 想要完成错误页的操作,则一定要满足两个条件: 1.指定错误出现时的跳转页,通过errorPage属性指定: 2.错误处理页必须有明确的标识,通过isErrorPage属性指定. 下面就是错误页:errorPage.jsp 代码如下: <%@ page language="java" import="java.util.*" pageEncoding=

  • JS判断来路是否是百度等搜索索引进行弹窗或自动跳转的实现代码

    比如百度收录了你的a,你希望从a站被点击访问后,再跳转或弹出b站,可以用下面的方式. 当然可以直接用window.open() 弹出窗口,可以多个弹窗,也可以用form的方式.不过两种方式,都有被360过滤的可能. self.location 这个方式是转向,不会被当成广告过滤. <script type="text/javascript"> $(function(){ var s=document.referrer; //获取来源地址 if(s.indexOf("

  • Session过期后自动跳转到登录页面的实例代码

    最近做了一个项目其中有需求,要实现自动登录功能,通过查阅相关资料,打算用session监听来做,下面给大家列出了配置监听器的方法: 1.在项目的web.xml文件中添加如下代码: <!--添加Session监听器--> <listener> <listener-class> 监听器路径 </listener-class> </listener> 2.编写java类. public class SessionListener implements

随机推荐