新闻资讯  快讯  焦点  财经  政策  社会
互 联 网   电商  金融  数据  计算  技巧
生活百科  科技  职场  健康  法律  汽车
手机百科  知识  软件  修理  测评  微信
软件技术  应用  系统  图像  视频  经验
硬件技术  知识  技术  测评  选购  维修
网络技术  硬件  软件  设置  安全  技术
程序开发  语言  移动  数据  开源  百科
安全防护  资讯  黑客  木马  病毒  移动
站长技术  搜索  SEO  推广  媒体  移动
财经百科  股票  知识  理财  财务  金融
教育考试  育儿  小学  高考  考研  留学
您当前的位置:首页 > IT百科 > 程序开发 > 移动端 > html5

H5页面一键拉起App,并直达指定页面

时间:2019-12-02 13:09:10  来源:  作者:

在这个流量为王的互联网背景下,移动端的H5页面显然在导流上承担着重要作用,在H5页面上,我们对引流的需求有两种:

  • 一是引导已下载用户从H5页面唤醒App并直达指定场景
  • 二是引导未下载用户从H5页面下载App,首次打开App时直达指定场景

从运营角度来看,引导已下载用户打开App,能提高用户粘性和活跃度,而用户在App内的产品体验自然也比H5页面要好;引导未下载用户下载App并进入指定页面,显然能给用户更好的产品初体验。

H5页面一键拉起App,并直达指定页面

 

这里其实就解释了我们做H5唤醒App并直达指定页面的必要性。

涉及哪些要素?

唤醒App这件事,在不同平台要采用不同的方法,主要是这三个:

  • URL Scheme
  • Universal Link
  • Android App Links

1、URL Scheme

URL Scheme是IOS、Android都兼容的机制,只需要原生App开发时注册Scheme即可,用户点击此类链接时,会自动唤醒App,并借助URL Router机制跳转到指定页面。

  • <scheme name> : <hierarchical part> [ ? <query> ] [ # <fragment> ]
  • <scheme name>:是scheme的名称,代表着协议名称。
  • <hierarchical part>:它包含 authority 和 path。
  • <query>:可选项目,隔开或&隔开的键值对<key>=<value>
  • <fragmentg> :可选项目包,其它额外的标识信息
H5页面一键拉起App,并直达指定页面

 

尽管URL Scheme兼容性高,但却存在许多限制,比如:

  • 国内各个厂商浏览器差异很大,当要被唤醒的目标App未安装时,这个链接很容易出错。
  • 当注册有多个Scheme相同的时候,目前是没有办法区分的。
  • 不支持从其他App中的UIWebView中跳转到目标App。
  • 被部分主流平台禁止,微信、微博、QQ浏览器、手机百度中都已经被禁止使用。

正是由于这些限制的存在,苹果和安卓都不约而同发布了自己的第二套方案:iOS的Universal Link、Android的App Links。

2、Universal Link

Universal Link是iOS9后苹果推出的通用链接技术,能够方便的通过一个https链接来打开App指定页面,不需要额外的判断,如果没有安装App,可以跳转到自定义地址。

相对Scheme的优势在于,Universal Link是一个Web Link,因此少了很多麻烦:

  • 当用户已安装该App时,不需要加载任何页面,能够立即唤醒App,用户未安装App,则跳去对应的web link(自定义页面)。
  • Universal Links支持从其他App中的UIWebView中跳转到目标app。
  • 提供Universal Link给别的App进行App间的交流,然而对方并不能够用这个方法去检测你的App是否被安装,具有比较好的隐私性。
  • 绝大多数平台都支持Universal Link,微信7.0.5版本也解除了对Universal Link的限制,同时也能被搜索引擎索引。

3、App Links

Android M以上版本可以通过App Links,让用户在点击一个链接时跳转到App的指定页面,前提是这个App已经安装并经过验证。App Links的最大的作用,就是可以避免从页面唤醒App时出现的选择浏览器选项框,前提是必须注册相应的Scheme,就可以实现直接打开关联的App。

实际上App Links和Universal Links差异不大,但相对来说有不同的限制:

  • App links在国内的支持还不够,部分安卓浏览器并不支持跳转至App,而是直接在浏览器上打开对应页面。
  • 系统询问是否打开对应App时,假如用户选择“取消”并且选中了“记住此操作”,那么用户以后就无法再跳转App。

几个方案的缺陷

这几种方式无论哪种都无法解决这几个问题:

  • 当用户未安装目标App时,无法保留用户停留的上下文,也就是说,用户下载完App后,无法在首次打开App时还原指定页面。
  • Web目前无法监听App是否已安装,因此这几个方案都需要一些其他方法兼容唤醒App,或者跳转下载页面。

那么怎样实现用户安装App后进入指定页面呢?

众所周知,苹果出于用户隐私的保护,设置了名为沙盒的机制:应用只能访问它声明可以访问的资源,但沙盒也阻碍了应用间合理的信息共享。

但也不是完全没办法,比如使用模糊匹配,尽可能收集设备的特征,将Web和App上的信息点配合算法做一个匹配是可以做到的,但准确率和成功率就取决于算法本身。如果App本身业务需求不高,那么低精度的方案也可以满足,但如果业务上需要一个能做到一对一精准匹配的方案,那么精准度不够高显然会影响业务的开展。

第三方服务

如果嫌精准度不够高或者实现难度太大的话,可以交给专业的第三方去做,毕竟这几项技术是基于系统平台的,Android 及 iOS 每个系统版本的迭代后,配置方式都会有新的变化,且安卓机型众多,浏览器众多等也会导致出现兼容问题,开发者自行研发的话,资源配置以及系统更新后的维护成本是比较高的,还要考虑各种各样的跳转场景问题。

直接采用第三方SDK的好处就是,资源配置、兼容方面的适配这些事情都可以交给它们去做,毕竟这些供应商本身就是专业做这项服务的,它们提供的服务在稳定性和精准度方面也是经受过市场检验的,至少在精准匹配方面,有些已经能在邀请分享方面做到一对一匹配,集成SDK也花不了多少时间,十几分钟就可以搞定。

国内外提供这项技术的第三方服务商:

国内有:openinstall

国外有:Branch



Tags:H5   点击:()  评论:()
声明:本站部分内容来自互联网,内容观点仅代表作者本人,如有任何版权侵犯请与我们联系,我们将立即删除。
▌相关评论
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表
▌相关推荐
在这个流量为王的互联网背景下,移动端的H5页面显然在导流上承担着重要作用,在H5页面上,我们对引流的需求有两种: 一是引导已下载用户从H5页面唤醒App并直达指定场景 二是引导未...【详细内容】
2019-12-02   H5  点击:(0)  评论:(0)  加入收藏
老板说 , 页面打开速度过慢? 页面加载性能不达标? 下面我们来看下各个大厂和团队的秒开经典方案,有没有一款适合你去探索?本页面会列举和总结偏向与客户端结合的 hybrid 秒开...【详细内容】
2019-11-01   H5  点击:(10)  评论:(0)  加入收藏
移动端产品包括小程序(本文特指微信小程序)、APP(安卓、IOS)、H5页面。其中:小程序是一种不需要下载安装就可以使用的应用,可以在微信APP中直接打开使用;APP则是基于安卓和IOS手机...【详细内容】
2019-10-25   H5  点击:(20)  评论:(0)  加入收藏
如题,其实 H5 调起 Android 手机的相册相机功能,最好是使用 JS 与 Android 进行交互,因为这样可调节性大一些,可定制型强很多。但是,现实的情况的的确确是发生了,H5 就是用了 inpu...【详细内容】
2019-10-22   H5  点击:(32)  评论:(0)  加入收藏
一、概述1、背景 鉴于H5的优势,客户端的很多业务都由H5来实现,Webview成了App中H5业务的唯一载体。 WebView组件是iOS组件体系中非常重要的一个,之前的UIWebView 存在严重的性...【详细内容】
2019-10-09   H5  点击:(19)  评论:(0)  加入收藏
现在移动端 web 应用,很多时候都需要与原生 app 进行交互、沟通(运行在 webview中),比如微信的 jssdk,通过 window.wx 对象调用一些原生 app 的功能。所以,这次就来捋一捋 h5 与原...【详细内容】
2019-09-26   H5  点击:(35)  评论:(0)  加入收藏
在自学游戏开发的路上,最有成就感的时刻就是将自己的小游戏做出来分享给朋友试玩,原生的游戏开可以打包分享,小游戏上线流程又长,那 H5 小游戏该怎么分享呢?本文就带大家通过 ngi...【详细内容】
2019-09-20   H5  点击:(52)  评论:(0)  加入收藏
随着近几年移动营销页的火爆,催生了一个中国式的名词「H5」。而 H5 最常见的形态就是类似幻灯片翻页效果。...【详细内容】
2019-09-04   H5  点击:(10)  评论:(0)  加入收藏
首先了解下百度小程序为何要做H5站点关联?若小程序希望替换搜索中已有H5站点资源,需要先进行H5站点关联。因此关联是为了校验开发者是否对该站点拥有操作权限(关联时需保证小程...【详细内容】
2019-08-27   H5  点击:(131)  评论:(0)  加入收藏
file 对象的属性:&bull; name : 文件名,不包含路径。&bull; type : 文件类型。图片类型的文件都会以 image/ 开头,可以由此来限制只允许上传图片。&bull; size : 文件大小。可...【详细内容】
2019-08-05   H5  点击:(110)  评论:(0)  加入收藏
JSON对象详解JSON(JavaScript Object Notation)一种简单的数据格式,比xml更轻巧。XML曾经是程序界风靡一时的语言,但JSON的出现对他也有不小的冲击。JSON是JavaScript原生格式,这...【详细内容】
2019-07-30   H5  点击:(69)  评论:(0)  加入收藏
无论是大公司还是创业小公司,都会面临先做App、小程序还是H5的困境,还有公司是所有终端都一起做。对于大公司来说可以同步进行一起开发,但对于小公司来说就未必有那么多人力和...【详细内容】
2019-07-24   H5  点击:(41)  评论:(0)  加入收藏
小编最近在做一个任务:要求实现一个在微信公众号里面的H5列表页面。拿到这个任务我们首先要进行需求分析,由于是在微信公众号也就是手机里面的H5列表,所以就不可能像PC上的列表...【详细内容】
2019-07-17   H5  点击:(86)  评论:(0)  加入收藏
现在移动端 web 应用,很多时候都需要与原生 app 进行交互、沟通(运行在 webview中),比如微信的 jssdk,通过 window.wx 对象调用一些原生 app 的功能。所以,这次就来捋一捋 h5 与原...【详细内容】
2019-07-12   H5  点击:(92)  评论:(0)  加入收藏
APP拉新一向是运营人不得不面对的一个难题,而如何在没钱、没支持、没人的“三无状况”下拉新,更是难上加难。笔者通过几个活动为我们分享了两种H5拉新思路。做APP运营,势必需要...【详细内容】
2019-07-01   H5  点击:(47)  评论:(0)  加入收藏
什么是联合登录因为公司产品的发展,会与第三方的一些商户进行对接,商户APP提供入口,进入我们的H5页,从而提供服务。而商户希望用户在其APP进行账户登录后,进入H5页不再进行登录,所...【详细内容】
2019-07-01   H5  点击:(107)  评论:(0)  加入收藏
最新更新
栏目热门
栏目头条