前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >网页二维码推广App的实现

网页二维码推广App的实现

作者头像
meteoric
发布2018-11-20 11:09:59
1.7K0
发布2018-11-20 11:09:59
举报
文章被收录于专栏:游戏杂谈游戏杂谈

移动互联网时代,一个APP的平均推广成本早已经超过了10块。而推广通常分二类:

1、已经下载过的用户,可以直接打开应用(一般人的手机上安装的应用都非常多,要快速找到某个应用是很困难的事情,而且Android、IOS的搜索都做的很烂~ ~ );

2、未下载过的用户,跳转至下载页;

手机设备又分为Android、iOS二大阵营,而原理基本上就是通过url scheme来实现:

浏览器中直接打开

Android:market://details?id=<package_name>

官方文档: http://developer.android.com/distribute/tools/promote/linking.html  (需要FQ),它会弹出一个中间页,中间页会显示一个“安装”或“打开”按钮。中国的Android市场太过混乱,好在大家都支持Google官方的这个market协议,建议直接用这个。

如果是一个叫A的app想提示下载另外一个B的app,可以参考下面的代码:

代码语言:javascript
复制
private String getGooglePlayStoreUrl(){
    String id = activity.getApplicationInfo().packageName; // current google play is   using package name as id

    PackageManager packageManager = activity.getApplicationContext().getPackageManager();
    Uri marketUri = Uri.parse("market://details?id=" + id);
    Intent marketIntent = new Intent(Intent.ACTION_VIEW).setData(marketUri);
    if (marketIntent.resolveActivity(packageManager) != null)
      return "market://details?id=" + id;
    else
      return "https://play.google.com/store/apps/details?id=" + id;
 }

想对用户更友好一点:如果已安装就直接启动应用(跳过上面的中间页)或者未安装时跳到下载界面,可以自己在应用中注册一个自定义的url scheme,然后调用APP自定义的链接,在超过一定时间后(假设500毫秒后)没有响应,就直接跳到下载界面。

详情可参考:Android手机上实现WebApp直接调起NativeApp

iOS

1) 直接跳转浏览器 https://itunes.apple.com/cn/app/idxxx 已安装的话就会显示“打开”,未安装就会提示“下载”;

2) 直接使用APP自己注册的url scheme(前提是你必须已经安装了该APP);

iOS9中在应用A中想判断应用B是否已经安装/可直接启动,需要在Info.plist中添加白名单,可自行搜索。

想对用户更友好一点:如果已安装就直接启动应用(跳过上面的中间页)或者未安装时跳到下载界面,一样也是使用延时来处理。原理与Android一样,先调用自定义的url scheme,在超过一定时间,假定3S后没有响应,就直接跳到下载页。

详情可参考:在webapp中判断native app是否安装并直接打开

微信扫一扫功能

单独把微信拿出来,是因为做了很多限制,而且因为微信用户群体太过庞大,不得不专门处理。

拿上面的market://details?id=<package_name>来讲,你生成二维码,微信根本就扫不出来。怎么办呢?

接入官方的应用宝微下载,地址在这里:http://wiki.open.qq.com/index.php?title=mobile/%E5%BA%94%E7%94%A8%E5%AE%9D%E5%BE%AE%E4%B8%8B%E8%BD%BD

那问题又来了,我怎么知道玩家是通过微信扫一扫过来的啊,很简单。判断HTTP请求的User-Agent

代码语言:javascript
复制
var ua = navigator.userAgent.toLowerCase();
if (/micromessenger/i.test(ua)) {
    //在微信中被打开的...
} 

比如Java、Node.js也是类似了,获取HTTP头HTTP_USER_AGENT判断一下即可

可参考:如何判断微信内置浏览器>>

=====================================

总结,保守一点就是无论是否安装过应用,浏览器直接访问下面的地址,会打开中间页(Android某个应用商店或iOS的App Store):

Android  market://details?id=<package_name>

iOS https://itunes.apple.com/cn/app/idxxx

但都会遇到被微信拦截的问题。想不被拦截就只能按官方的流程走下去。

如果想做到,安装过应用就直接启动,没安装就跳到下载页,思路就是优先使用APP的自定义scheme来尝试打开应用,在超过一定时间后(假设3S)就将网页跳到下载页(就算时间过短了,反正这个中间页也有按钮可以直接打开应用)。

本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2015-12-02 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档