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

之前有那么几篇文章都和你们聊过作用户增加，作DeepLink，聊得很范很虚

Universal Link 前端部署采坑记 扯淡：用技术玩转业务增加 -- 增加黑客 iOS app与浏览器深度连接 DeeperLink

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

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

只想梳理下面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 这篇文章中解释了，通过种种考虑完全应该废弃不用了，因此本文中均为考虑此方案，不作详细解释了