Deep Link

你的名字 2024-02-18 19:09 10阅读 0赞

## Deep Link是什么 ##

Deep Link，又叫deep linking，中文翻译作深层链接。全家桶搜索的话你会发现第一个结果是AppLink。呵呵。

说回正题。

简单地从用户体验来讲，Deep Link，就是可以让你在手机的浏览器/Google Search上点击搜索的结果，便能直接跳转到已安装的应用中的某一个页面的技术。如果你想体验的话，可以在Android 4.1以上设备安装IMDB，然后在Google上搜索一部IMDB的影片，你就会发现点击后直接跳转到了App里的该电影介绍页面。

当然在这简简单单的操作背后，却隐藏着很多工作。

先让我们看看现在移动端的搜索体验问题：

### 搜索 ###

就因为我司没有做Web版的页面，所以搜索引擎就没法找到我们提供的内容。

搜索结果是不是可以做得更好呢。对于爬虫，在我们的印象中都是去爬网站的数据。但是现在作为一个巨大内容载体的移动平台却被忽略了，”似乎”只能自己提供一个H5版本去让搜索引擎爬数据索引？就像把自己的网站加入robots协议一样，app是不是也能直接这么做呢？

### 排名 ###

我的App这么火爆，为什么搜索出来的结果都是别人的引用？！

本科在学校时候做过[PageRank][]的实践，简单来说就是一个带权的树形有向图，用通俗的话来讲，大V关注了你，可以让你的价值提升。而在App的世界里，我们也经常会体验到在应用之间跳转的体验（尽管有些应用时灵时不灵的），这种跳转难道不也能拿来作为PageRank的有向边吗？

做个例子来说（绝不是广告）：手Q、QQ空间、QQ音乐都在应用里的某页面引用了腾讯新闻的某一条新闻的页面，而手Q、QQ空间、QQ音乐这三个应用的该页面本身在算法里排名就很靠前，那么我们就认为腾讯新闻的该页面是有价值的，在相同结果的页面中应该排在更前面。

搜索引擎应该对移动端的app也支持排名和链接关系解析。

### 移动化 ###

每次在百度搜好吃的，搜到点评的结果后，怎么就不能直接跳到app里呢。

我们知道，现在从全家桶、Google搜索关于我们自己app的内容，往往只能搜到一些相关介绍和下载的链接，然后我们就中断了。而在Web世界，搜索后我们可以直接打开网页查看内容，相比起来体验实在是差了太多。难道我们就不能直接点击跳到手机上已经安装的app上吗？或者干脆直接跳到某个页面？

其实这种体验也是一种个性化搜索：个性化这个词比较宽泛，早期来说，搜索引擎会根据IP所在地区的不同返回有差别的结果。后来在引入账号系统后，会让用户可以设置语言和地域，恩…还有safe search，你懂的，会让我们看不到一些日文的内容。  
[![deeplink-2][]][deeplink-2]  
[![deeplink-3][]][deeplink-3]

而对移动端来说，个性化则是移动化，不同于返回网页，搜索引擎会返回支持Deep Link的应用内部页面的链接，比如我们找一部电影，可以直接跳到IMDB应用里这部电影的详情页面，体验是不是比看网页好多了呢（明明我安装了应用，为什么要让我看H5呢）。

### After Deep Linked ###

而Deep Link则会解决以上的问题，搜索引擎可以直接用爬虫检索App的内容，对App也列入PageRank排名，安装了App的设备点击后，则可以直接跳到应用内的对应页面！！Cool！

既然这么酷炫，那我们要怎么才能让自家的应用支持Deep Link呢？

## 使用 ##

乍一看，Deep Link不就是scheme么？不错，或者我们该说，目前app的scheme，就是Deep Link的一种雏形（仅仅是跳转，且没有标准化的体验，见下文”首次点击自由”体验）。且有的app处理scheme并不是各个activity去注册自己的path，而会去通过一个中心activity去集成处理比如鉴权、解出各种参数，并美其名曰Navigator。

废话不多说了，看看正确的姿势吧。下文以Android接入为例，iOS可以查看[App Indexing on iOS9][]

### 支持Deeplink ###

参考内容：  
[启用指向你app的Deep Linking][app_Deep Linking]。  
[为纯app内容创建索引][app]

以Google给的demo为例：[search-samples][]

我们需要添加Intent Filter到manifest：

然后为该intent filter添加处理代码：

重要：通过deep link打开的app必须提供给用户"首次点击自由(First Click Free)"的体验。
    这也就是说在第一次访问你的app的时候，用户必须能直接进入相关页面，而不是被插播式广告比如
    提示、登陆、闪屏等打断。你可以提醒用户在该次点击之后再进行动作。
    
    即便该应用未曾被启动过或者用户未曾登陆，也必须提供这种体验。

常见问题：[如何避免通过deep link打开多个应用实例][deep link]

### 测试该intent filter ###

上述demo运行后，在adb输入以下命令来trigger一个deep link:

可以再替换以上url来打开其他菜谱

常见问题：

*  [为什么提示”Error: Activity not started, unable to resolve Intent”?][Error_ Activity not started_ unable to resolve Intent]
 *  [怎么让我的deep link在搜索结果中出现][deep link 1]

### 获得来源 ###

从Google的应用中点击了指向你的应用的链接，你的应用的那个页面将会收到特定的intent extra：

应用引用站点 — android-app://{package_id}/{scheme}/{host_path}
    Web 引用站点 — https://{host_path}

比如从Google应用点击到你的应用，则会有

App能在页面启动时获得引用站点的信息，具体如下：

<table style="border-spacing:0px;margin:0px;width:auto;border:none;font-size:14px;table-layout:fixed;"> 
 <tbody> 
  <tr style="background-color:rgb(249,249,249);"> 
   <td style="padding:0px;vertical-align:middle;border-style:none;"><pre style="font-family:consolas, Menlo, 'PingFang SC', 'Microsoft YaHei', monospace;font-size:13px;margin-bottom:0px;padding:10px;color:rgb(136,143,150);background:rgb(0,0,0);line-height:1.6;border:none;text-align:right;"></pre> 
    <div style="height:20px;">
      1 
    </div> 
    <div style="height:20px;">
      2 
    </div> 
    <div style="height:20px;">
      3 
    </div> 
    <div style="height:20px;">
      4 
    </div> 
    <div style="height:20px;">
      5 
    </div> 
    <div style="height:20px;">
      6 
    </div> 
    <div style="height:20px;">
      7 
    </div> 
    <div style="height:20px;">
      8 
    </div> 
    <div style="height:20px;">
      9 
    </div> 
    <div style="height:20px;">
      10 
    </div> 
    <div style="height:20px;">
      11 
    </div> 
    <div style="height:20px;">
      12 
    </div> 
    <div style="height:20px;">
      13 
    </div> 
    <div style="height:20px;">
      14 
    </div> 
    <div style="height:20px;">
      15 
    </div> 
    <div style="height:20px;">
      16 
    </div> 
    <div style="height:20px;">
      17 
    </div> 
    <div style="height:20px;">
      18 
    </div> 
    <div style="height:20px;">
      19 
    </div> 
    <div style="height:20px;">
      20 
    </div> 
    <div style="height:20px;">
      21 
    </div> 
    <div style="height:20px;">
      22 
    </div> 
    <div style="height:20px;">
      23 
    </div> 
    <div style="height:20px;">
      24 
    </div> 
    <div style="height:20px;">
      25 
    </div> 
    <div style="height:20px;">
      26 
    </div> 
    <div style="height:20px;">
      27 
    </div> 
    <div style="height:20px;">
      28 
    </div> 
    <div style="height:20px;">
      29 
    </div> 
    <div style="height:20px;">
      30 
    </div> 
    <div style="height:20px;">
      31 
    </div> 
    <div style="height:20px;">
      32 
    </div> 
    <div style="height:20px;">
      33 
    </div> 
    <div style="height:20px;">
      34 
    </div> 
    <div style="height:20px;">
      35 
    </div> 
    <div style="height:20px;">
      36 
    </div> 
    <div style="height:20px;">
      37 
    </div> 
    <div style="height:20px;">
      38 
    </div> 
    <div style="height:20px;">
      39 
    </div> 
    <div style="height:20px;">
      40 
    </div> 
    <div style="height:20px;">
      41 
    </div> 
    <div style="height:20px;">
      42 
    </div> 
    <div style="height:20px;">
      43 
    </div> 
    <div style="height:20px;">
      44 
    </div> 
    <div style="height:20px;">
      45 
    </div> 
    <div style="height:20px;">
      46 
    </div> 
    <div style="height:20px;">
      47 
    </div> 
    <div style="height:20px;">
      48 
    </div> 
    <div style="height:20px;">
      49 
    </div> 
    <div style="height:20px;">
      50 
    </div> 
    <div style="height:20px;">
      51 
    </div> 
    <div style="height:20px;">
      52 
    </div> 
    <div style="height:20px;">
      53 
    </div> 
    <div style="height:20px;">
      54 
    </div> 
    <div style="height:20px;">
      55 
    </div> 
    <div style="height:20px;">
      56 
    </div> 
    <div style="height:20px;">
      57 
    </div> 
    <div style="height:20px;">
      58 
    </div> 
    <div style="height:20px;">
      59 
    </div> 
    <div style="height:20px;">
      60 
    </div> 
    <div style="height:20px;">
      61 
    </div> 
    <div style="height:20px;">
      62 
    </div> 
    <div style="height:20px;">
      63 
    </div> 
    <div style="height:20px;">
      64 
    </div> 
    <div style="height:20px;">
      65 
    </div> 
    <div style="height:20px;">
      66 
    </div> 
    <div style="height:20px;">
      67 
    </div> 
    <div style="height:20px;">
      68 
    </div> 
    <div style="height:20px;">
      69 
    </div> 
    <div style="height:20px;">
      70 
    </div> 
    <div style="height:20px;">
      71 
    </div> 
    <div style="height:20px;">
      72 
    </div> 
    <div style="height:20px;">
      73 
    </div> 
    <div style="height:20px;">
      74 
    </div> 
    <div style="height:20px;">
      75 
    </div> 
    <div style="height:20px;">
      76 
    </div> 
    <div style="height:20px;">
      77 
    </div> 
    <div style="height:20px;">
      78 
    </div></td> 
   <td style="padding:0px;vertical-align:middle;border-style:none;"><pre style="font-family:consolas, Menlo, 'PingFang SC', 'Microsoft YaHei', monospace;font-size:13px;margin-bottom:0px;padding:10px;color:rgb(197,200,198);background:rgb(29,31,33);line-height:1.6;border:none;"></pre> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">import</span> com.google.android.gms.appindexing.AndroidAppUri; 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">import</span> android.net.ParseException; 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      ... 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">public</span> 
     <span><span style="color:rgb(178,148,187);">class</span> <span style="color:rgb(138,190,183);">MainActivity</span> <span style="color:rgb(178,148,187);">extends</span> <span style="color:rgb(138,190,183);">Activity</span> </span>{ 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">/** 返回启动该Activity的引用者. */</span> 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">@Override</span> 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(129,162,190);"><span style="color:rgb(178,148,187);">public</span> Uri <span style="color:rgb(138,190,183);">getReferrer</span><span style="color:rgb(222,147,95);">()</span> </span>{ 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">if</span> (Build.VERSION.SDK_INT &gt;= Build.VERSION_CODES.LOLLIPOP_MR1) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">return</span> 
     <span style="color:rgb(178,148,187);">super</span>.getReferrer(); 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">return</span> getReferrerCompatible(); 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">/** 在低于SDK 22版本时使用该方法获得引用者 */</span> 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(129,162,190);"><span style="color:rgb(178,148,187);">private</span> Uri <span style="color:rgb(138,190,183);">getReferrerCompatible</span><span style="color:rgb(222,147,95);">()</span> </span>{ 
    </div> 
    <div style="height:20px;">
      Intent intent = 
     <span style="color:rgb(178,148,187);">this</span>.getIntent(); 
    </div> 
    <div style="height:20px;">
      Uri referrerUri = intent.getParcelableExtra(Intent.EXTRA_REFERRER); 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">if</span> (referrerUri != 
     <span style="color:rgb(178,148,187);">null</span>) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">return</span> referrerUri; 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;">
      String referrer = intent.getStringExtra( 
     <span style="color:rgb(181,189,104);">"android.intent.extra.REFERRER_NAME"</span>); 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">if</span> (referrer != 
     <span style="color:rgb(178,148,187);">null</span>) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// 尝试parse引用者URL</span> 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">try</span> { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">return</span> Uri.parse(referrer); 
    </div> 
    <div style="height:20px;">
      } 
     <span style="color:rgb(178,148,187);">catch</span> (ParseException e) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">return</span> 
     <span style="color:rgb(178,148,187);">null</span>; 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">return</span> 
     <span style="color:rgb(178,148,187);">null</span>; 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">@Override</span> 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(129,162,190);"><span style="color:rgb(178,148,187);">protected</span> <span style="color:rgb(178,148,187);">void</span> <span style="color:rgb(138,190,183);">onCreate</span><span style="color:rgb(222,147,95);">(Bundle savedInstanceState)</span> </span>{ 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">super</span>.onCreate(savedInstanceState); 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      ... 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      Intent intent = 
     <span style="color:rgb(178,148,187);">this</span>.getIntent(); 
    </div> 
    <div style="height:20px;">
      Uri referrerUri = 
     <span style="color:rgb(178,148,187);">this</span>.getReferrer(); 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">if</span> (referrerUri != 
     <span style="color:rgb(178,148,187);">null</span>) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">if</span> (referrerUri.getScheme().equals( 
     <span style="color:rgb(181,189,104);">"http"</span>) || referrerUri.getScheme().equals( 
     <span style="color:rgb(181,189,104);">"https"</span>)) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// App从浏览器打开</span> 
    </div> 
    <div style="height:20px;">
      String host = referrerUri.getHost(); 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// host会包含host路径 (比如www.google.com)</span> 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// 在这里增加分析的代码以记录从Web搜索点击进来的流量</span> 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      ... 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      } 
     <span style="color:rgb(178,148,187);">else</span> 
     <span style="color:rgb(178,148,187);">if</span> (referrerUri.getScheme().equals( 
     <span style="color:rgb(181,189,104);">"android-app"</span>)) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// App从另一个app被打开</span> 
    </div> 
    <div style="height:20px;">
      AndroidAppUri appUri = AndroidAppUri.newAndroidAppUri(referrerUri); 
    </div> 
    <div style="height:20px;">
      String referrerPackage = appUri.getPackageName(); 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(178,148,187);">if</span> ( 
     <span style="color:rgb(181,189,104);">"com.google.android.googlequicksearchbox"</span>.equals(referrerPackage)) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// App从Google app被打开</span> 
    </div> 
    <div style="height:20px;">
      String host = appUri.getDeepLinkUri().getHost(); 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// host会包含host路径 (比如www.google.com)</span> 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// 在这里增加分析的代码以记录从Google app点击进来的流量</span> 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      ... 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      } 
     <span style="color:rgb(178,148,187);">else</span> 
     <span style="color:rgb(178,148,187);">if</span> ( 
     <span style="color:rgb(181,189,104);">"com.google.appcrawler"</span>.equals(referrerPackage)) { 
    </div> 
    <div style="height:20px;"> 
     <span style="color:rgb(150,152,150);">// Google的爬虫来着，别把这个算作app使用了</span> 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      ... 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      } 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      ... 
    </div> 
    <div style="height:20px;"></div> 
    <div style="height:20px;">
      } 
    </div></td> 
  </tr> 
 </tbody> 
</table>

## 商业价值 ##

对搜索引擎提供上来说：广告，你懂的。百毒会不会把一些钓鱼app的页面放到最前面呢？呵呵。

对App来说则一方面可以解决目前移动应用的孤岛局面，另一方面可以通过搜索分析报告来了解通过搜索引擎导流的点击次数、查询次数，以及最受欢迎的页面。

各全家桶app企业也能就此机会更加紧密地抱团在一起，由大公司投资的各创业公司则能就此机会表忠心或者抱大腿。

## 最后 ##

上文大多是从Google的Deeplink展开的，如果你的应用主打本土市场，且考虑到目前Google仍然未回归，可以参考全家桶的Applink，大都是雷同的，只需要换一下前缀罢了（我猜是这样的 哈哈)。

目前App本身和搜索还是没有结合起来，国内只有豌豆荚和全家桶开始了这种体验的尝试，App的体验仍然是一个个信息孤岛，远不如在Web上搜到哪儿去哪儿，希望Deep Link的逐渐推广和应用，可以帮助app们达到和网页一样的体验。

以后App也能和网页一样，不需要自己提供搜索功能，让搜索引擎去做一切索引，直接在手机浏览器里打开app页面。甚至可以像现在使用site指定搜索目标一样，去指定要搜索的app。

试想我能直接社工搜索到女神的信息，然后直接跳到微博app里的feed详情页。另外，现在这种听一首歌要装3个app还要一个个去搜想听的到底在哪家的情况是不是也能解决呢？

[PageRank]: https://zh.wikipedia.org/zh-sg/PageRank
[deeplink-2]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/aafdcd97a4ec4f14b1038ff701660cd9.png
[deeplink-3]: https://image.dandelioncloud.cn/pgy_files/images/2024/01/29/3f7dbec17808409aab257b33a9a6e1e9.png
[App Indexing on iOS9]: https://developers.google.com/app-indexing/ios/app
[app_Deep Linking]: http://search-codelabs.appspot.com/codelabs/android-deep-linking#1
[app]: https://developers.google.com/app-indexing/app-only
[search-samples]: https://github.com/google/search-samples.git
[deep link]: http://stackoverflow.com/a/25997627
[Error_ Activity not started_ unable to resolve Intent]: http://stackoverflow.com/a/24850504
[deep link 1]: https://support.google.com/googleplay/android-developer/answer/6041489