這幾年越來越火的Deeplink,又叫深度連結技術,對于開發者、産品、營運來說已不是一個陌生的問題。Deeplink是指在App/短信/廣告裡點選連結,使用者點選後能直接跳轉到目标App具體位置的技術,深度連結打破了網站與App間的壁壘,成為實作網站與App互相跳轉的橋梁。開發者可以通過Deeplink,通過使用者點選連接配接後實作網站到App互相跳轉,也可以實作從多個平台(QQ、微信、微網誌、Twitter、Facebook、短信、各大浏覽器等)到App内指定頁的跳轉。例如使用者将電商App内的一個詳情頁連結通過短信形式發送給其他親友,使用者點選短信内的連結就能打開對應的H5頁面,然後直接跳轉到電商App内的指定詳情頁,而不是App首頁。如果使用者并未安裝App,那麼就會跳轉到App下載下傳頁面。等使用者安裝打開App後仍然能跳轉到指定頁面。Deeplink技術不僅可以實作場景快速還原,縮短使用者使用路徑,更重要的是能夠用于App拉新推廣場景,降低使用者流失率。
Deeplink已經成為App開發者的必備工具,雖然開發者可以自己配置實作Deeplink 技術,但是現實中還是會遇到很多問題。比如進行資源配置、相容性适配、模糊比對等事項時需要耗費大量的人力和維護成本,實作起來相當複雜。現在常用的方法,也是小編比較推薦的方式,即直接接入像友盟+這樣專業的第三方,這樣可以大大縮短開發時間,保障服務穩定性。更值得一提的是,比如友盟+還為開發者提供統計Deeplink帶來的回流新增資料,即這個連結帶來了多少的App打開次數和新增使用者,非常适合高效的團隊做直接接入。
開發者如何快速接入第三方Deeplink
我們以友盟+的U-Share社會化分享産品為例,開發者如果想要實作分享裂變場景中場景還原能力,需要進行以下四步配置才能擁有Deeplink能力。
1、 開發者直接內建U-App移動統計,或社會化分享U-Share的SDK這2個SDK統一包含的Deeplink的功能;
2、 在要分享的H5接入JS-SDK,并內建UlinkID做初始化;
3、 友盟+背景進行前三步配置後,在自己App内解析Deeplink參數。

開發者要想使用Deeplink功能,第一步前往移動統計U-App/社會化分享U-Share頁面裡配置Deeplink相關的基礎參數。具體操作流程和頁面參數限制如下:
1、參數配置流程
當開發者第一次進入社會化分享U-Share背景【分享配置】-【Deeplink設定】頁中,可以看見目前頁面主要介紹了Deeplink的功能、優勢、配置步驟等内容。
當出現這個介紹頁面的時候,說明開發者還沒有前往移動統計U-App配置Deeplink基礎參數,是以此時并不能看到社會化分享U-Share裡的Deeplink配置頁面。
1.1 使用者前往U-App頁面配置基礎參數
使用者在介紹頁面點選按鈕【開始配置】,就可以前往移動統計U-App産品裡的【設定】-【應用資訊】-【Deeplink基礎設定】頁面前往配置基礎參數。
(1)當應用是iOS端時
待填的基礎參數包括Scheme(必填)、預設下載下傳位址(必填)、Universal link。
該頁面可以支援配置兩種形式的Deeplink技術:URL Scheme和Universal link。URL Scheme是經典的一種Deeplink方式,而Universal link是iOS9以後體驗更好的方式。Universal link配置方法請參考《Deeplink內建文檔》(https://at.umtrack.com/mGnuWv)。根據開發者App版本是否大于等于iOS9以及是否填寫了Universal link,U-Share會判斷采取哪種方式拉起開發者的App。
(2)當應用是Andriod端時
待填的基礎參數包括URL Scheme(必填)、預設下載下傳位址(必填)。該頁面僅支援配置URL Scheme這種拉起方法.
2、配置Deeplink進階參數——前往社會化分享U-Share頁面
當使用者在移動統計U-App裡填寫完基礎參數後,點選下方的【進階設定】-【社會化分享U-Share】就可以傳回到U-Share頁面裡配置Deeplink的進階參數。
(1)綁定關聯應用
開發者會直接進入到第二步:綁定關聯應用,這步是必填的。一般來說一個應用包括Andriod端和iOS端,友盟+裡Andriod應用和iOS應用是兩個appkey,因為短信連結發送出去後可能同時被iOS端和Andriod端手機打開,是以iOS端和Andriod端的進階配置必須完全相同,這樣才能保證H5頁面在雙端都能被正常打開,是以我們要将iOS應用和對應的Andriod端應用綁定在一起,U-Share背景才可以知道這兩端是同一個應用。綁定後的應用會共享進階配置、同步儲存、同步修改。
此外必須要確定對應應用和目前應用都填寫了移動統計U-App的基礎參數,假如開發者目前隻有單端應用,那麼這裡可以選【暫無】,以後可以修改。
(2)填寫進階配置
開發者綁定完關聯應用後,可以進行下一步進階配置。進階參數子產品可以填寫連結中的path(必填)、頁面query(選填)、新裝App攜帶參數(選填)等參數。
開發者可以為自己的App裡一個頁面填寫與之對應的path,如果是多個頁面則需要添加多個path。例如可将商品詳情頁的path填寫為為main/goodsdetail,商品評論頁的path填寫為/main/common。開發者必須至少要填一個path。
每一個path都可以添加頁面參數(選填,最多添加10個),例如可以為商品詳情頁添加不同參數,用來控制商品的型号、顔色等等。query參數形式是一個Key-Value對,是以開發者填寫的形式必須是“Key=Value”,例如“size=small”、“color=red”等等。
新裝App攜帶參數是指通過此Deeplink連結拉新來的App可以攜帶固定參數,如果開發者想要辨識出通過此連結拉新來的使用者,就可以為這些新安裝的App增加攜帶固定參數。例如可以讓它們攜帶來源管道、邀請碼、活動等參數便于後續進行推廣拉新效果的評估統計。參數同樣是Key-Value對,填寫形式和方式同path裡的參數是相同的。例如“yaoqingcode=gd23rs”等等。此功能不是必填的。
注:新裝App攜帶參數涉及到了使用者模糊比對功能,必須要內建U-Share SDK才行。
(3)儲存成功生成UlinkID
使用者在Deeplink設定頁面填寫完進階參數以後,點選【儲存】便可送出這些參數。此時可以看見U-Share背景為每個path自動生成了一個UlinkID,代表了一種跳轉方案。
3、 H5頁面內建JSSDK
為了讓H5頁面能夠拉起App并傳遞開參數,開發者需要進行以下準備:
3.1準備H5頁面
當使用者點選短信裡的連結時,首先打開的是一個H5頁面。是以開發者需要首先準備一個H5頁面。如果有不同的短信連結想打開不同的App頁面,就需要準備多個H5頁面。例如商品的詳情頁、評論頁應該有兩個不同的H5頁面。
短信裡的連結或者分享的連結是H5頁面的URL連結。
3. 2在H5頁面裡內建JS-SDK
為了讓不同的H5頁面能夠跳轉到相應的App内部頁面中,開發者需要在分享的H5頁面裡內建JS-SDK。JS-SDK的能夠擷取背景頁面配置的Deeplink參數,拉起App指定頁面并向App傳遞指定參數。
以下是JS-SDK的內建方法:
(1)頁面引入JS-SDK:
<script src="https://g.alicdn.com/jssdk/u-link/index.min.js"></script>
(2)初始化代碼并綁定按鈕點選事件:
ULink.start({
id: '260b378323454862826b51d8d566d1e', /* 平台為每個應用配置設定的方案UlinkID,必填 */
data: {} /* 自定義參數,可傳遞動态參數,選填 */
}).ready(function(ctx) { /* 初始化完成的回調函數 */
document.getElementById('btn1').onclick = function(e){
ctx.wakeup(); /* 使用者點選某個按鈕時喚起app */
};
});
将在Deeplink設定頁面中獲得的UlinkID內建進對應的H5頁面裡。這樣H5頁面就能将這個UlinkID傳遞給App,App就能知道打開哪個頁面了.
以下是JSSDK具體實作方式及頁面舉例:
1).當使用者打開連結時,會打開H5頁面。然後在H5頁面裡點選【打開App】時,JSSDK會嘗試打開App。假如打開失敗說明使用者并未安裝App,此時頁面中間會出現一個彈窗引導使用者前往下載下傳頁面。
假如使用者已安裝了App,如果是安卓手機,此時頁面下方會有個彈窗提示使用者是否打開app,使用者點選是後就會直接打開App指定頁面。如果是iOS手機且配置了Universal link參數,那麼此時不會出現彈窗,會直接跳轉到App指定頁面
4、 操作開發者的App
(1)在App裡內建統計SDK
首先開發者要在自己的App裡內建社會化分享U-Share SDK,這樣才能使用完整的Deeplink的功能。假如不內建的話不能實作新安裝APP打開指定頁面和後續鍊路統計的功能了。
(2)在App裡處理配置參數
之前開發者已經在U-Share背景頁面配置了跳轉頁面path和kv參數後,還要在自己App裡進行配置,使得App能夠解析這些參數并且能夠跳轉到相應的頁面。
詳細配置方法請參考《Deeplink配置文檔》(https://at.umtrack.com/um4zea)
将以上3步配置完以後,開發者就可以正式擁有完整的Deeplink能力,能夠喚起App了。然後開發者自己在H5頁面連結後攜帶上目前應用的Appkey,這樣U-Share就能統計到Deeplink技術為App帶來了多少回流新增資料了,開發者可以在U-Share背景頁面看見詳細的資料圖表。