H5主流浏览器下App导流方案选取

移动开发
最近好几个业务产品线都在头疼如何把用户从H5导流给App这个问题上,因此梳理一下手头的一些方案。简单的一句话评价就是:浏览器适配 - 前端永远的痛!

最近好几个业务产品线都在头疼如何把用户从H5导流给App这个问题上,因此梳理一下手头的一些方案

简单的一句话评价就是:浏览器适配 - 前端永远的痛!

[[224310]]

只想梳理下面3个问题在主流浏览器下的解决方案

  • 未安装 - 点击下载App
  • 未安装 - 点击下载App - 下载后自动精准定位
  • 已安装 - 点击打开App - 精准定位

由于不同渠道之间差异非常大,前端是有能力判断区分出不同的渠道的,因此各个渠道之间一般都是完全定制差异化的导流方案,在优缺点之间进行取舍

下面说的各种方案名词,都在 iOS app与浏览器深度链接 DeeperLink 有技术方案思路介绍

系统浏览器

简介:用户使用系统浏览器访问WAP进行导流,目前不受任何限制

未安装 - 点击下载App:

  • 直接下载 or 跳转Appstore

未安装 - 点击下载App - 下载后精准定位 - Android:

  • 动态Apk技术,无导流负作用,对服务器压力略大
  • 手机指纹技术,存在成功率问题,大概66%,同wifi失败率增高
  • 剪切板技术,安卓因为系统浏览器内核碎片化问题,理论可行,但设备支持率很低,服务器压力小

未安装 - 点击下载App - 下载后精准定位 - iOS:

  • 剪切板技术,必须iOS10+
  • 手机指纹技术,存在成功率问题,大概66%,同wifi失败率增高

已安装 - 点击打开App - 精准定位 - Android:

  • schema吊起技术,无导流负作用

已安装 - 点击打开App - 精准定位 - iOS:

  • schema吊起技术,采用这个技术,已安装App正常吊起,假如未安装App,会看到一个系统错误框,然后再打开Appstore,影响用户体验
  • universalink技术,已安装App正常吊起,未安装App无错误弹框,但部署成本大
  • 剪切板技术,必须iOS10+

建议:

  • 安卓用动态Apk技术做下载导流精准定位,用schema技术做吊起
  • iOS用剪切板技术做下载导流精准定位,用剪切板技术做吊起

微信

简介:微信内禁止直接下载App,微信内禁止以任意方式打开App,需要分不同情况进行应对

微信H5

未安装 - 点击下载App:

  • 应用宝市场跳转,上架应用宝并且开通应用宝微链接,这样iOS与安卓都可以在H5页面中点击后跳转到Appstore/应用宝市场进行下载

未安装 - 点击下载App - 下载后精准定位 - Android:

  • 动态Apk技术,存在负作用,动态Apk技术与微信应用宝直接跳转市场下载冲突,如果需要使用动态Apk技术,在安卓下,就只能弹蒙层外部浏览器打开
  • 手机指纹技术,与应用宝市场跳转不冲突,存在成功率问题,大概66%,同wifi失败率增高

未安装 - 点击下载App - 下载后精准定位 - iOS:

  • 动态剪切板技术,与微信应用宝直接跳转市场无冲突,必须iOS10+
  • 手机指纹技术,存在成功率问题,大概66%,同wifi失败率增高

已安装 - 点击打开App - 精准定位 - Android:

  • 技术暂时无法突破,弹蒙层,提示用系统浏览器打开
  • 微信白名单,有部分腾讯旗下产品通过微信白名单做到

已安装 - 点击打开App - 精准定位 - iOS:

  • universallink技术,已于18年1月被微信封堵
  • 剪切板技术,先拷贝剪切板,再跳转Appstore,在Appstore点击打开按钮,打开App进行剪切板定位,必须iOS10+

建议:

  • 安卓在无精准定位需求的时候用应用宝渠道下载,有精准定位需求的时候用动态Apk+蒙层提示系统浏览器下载,暂时无法解决微信内吊起,弹蒙层,提示用系统浏览器打开
  • iOS用剪切板技术做下载导流精准定位,用剪切板技术做吊起

微信小程序

  • 简介:微信小程序和微信内H5不一样,和浏览器的导流方式也不一样,单独说明
  • 传播:小程序通过分享传播,从App分享小程序到聊天对话+群对话(暂不支持朋友圈),传播小程序
  • 回流:在聊天对话+群对话中点开小程序,小程序可以开发跳转回App的功能
  • 回流受限:用户从群对话中点开小程序才能回流,用户用过一次小程序后记住了,直接自行在小程序快捷入口打开并使用,无法回流

手百

简介:手百不禁止下载App,手百内禁止以任意方式打开App

未安装 - 点击下载App:

  • 直接下载 or 跳转Appstore

未安装 - 点击下载App - 下载后精准定位 - Android:

  • 动态Apk技术,无导流负作用,对服务器压力略大
  • 手机指纹技术,存在成功率问题,大概66%,同wifi失败率增高

未安装 - 点击下载App - 下载后精准定位 - iOS:

  • 动态剪切板技术,与微信应用宝直接跳转市场无冲突,必须iOS10+
  • 手机指纹技术,存在成功率问题,大概66%,同wifi失败率增高

已安装 - 点击打开App - 精准定位- Android:

  • 技术暂时无法突破,弹蒙层,提示用系统浏览器打开

已安装 - 点击打开App - 精准定位 - iOS:

  • universallink技术,跟随微信步伐已被封堵
  • 剪切板技术,先拷贝剪切板,再跳转Appstore,在Appstore点击打开按钮,打开App进行剪切板定位,必须iOS10+

建议:

  • 安卓用动态Apk技术做下载导流精准定位,暂时无法解决手百内吊起,弹蒙层,提示用系统浏览器打开
  • iOS用剪切板技术做下载导流精准定位,用剪切板技术做吊起

补充说明:

iOS9 的 SafariViewController 的 Cookie互通方案在 iOS app与浏览器深度链接 DeeperLink 这篇文章中解释了,经过种种考虑彻底应该废弃不用了,所以本文中均为考虑此方案,不做详细解释了

责任编辑:未丽燕 来源: 折腾范儿の味精
相关推荐

2010-04-01 13:03:10

2009-03-12 08:52:12

浏览器竞争

2010-08-19 15:47:34

CSS Reset浏览器

2011-02-23 10:17:49

浏览器OperaSafari

2009-04-16 08:30:59

2013-02-21 15:56:18

浏览器遨游

2017-11-23 18:19:58

H5

2011-08-10 14:05:53

浏览器

2009-03-19 09:16:36

浏览器性能测试Chrome

2017-07-20 14:13:38

前端浏览器Native App

2016-10-25 17:52:56

H5APP教材

2010-09-15 09:12:03

JavaScript浏览器兼容

2013-10-30 16:44:47

网站名片浏览器

2009-05-27 08:52:05

2009-03-10 08:31:33

Lunascape浏览器

2023-09-05 09:40:55

SCSS预处理器

2010-07-06 13:20:22

Opera 10.60

2009-05-14 09:25:09

微软Windows 7浏览器

2023-09-05 09:44:26

CSS处理器函数

2012-05-07 14:24:15

HTML 5Web App
点赞
收藏

51CTO技术栈公众号