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 这篇文章中解释了,经过种种考虑彻底应该废弃不用了,所以本文中均为考虑此方案,不做详细解释了