進度條

WordPress 架站實體工作坊即將開始

【實體課程】12/06 (日) 09:00 「台北場」WordPress 整天工作坊即將開始,目前持續售票中,不要錯過喔!購票與詳情請看「KKTIX 購票頁面」或「進度條文章」。

點擊網頁廣告就打開APP? 淺談手機APP的深度連結Deep Link的演進(Universal Link)

為何別人的網頁都會自動引導到APP,或許你就是忘了做Deep Link喔?

作者: Vincent Ke 更新日期:

「哇,這個APP好智慧呀,沒想到在臉書上看到生火的商品廣告,點擊廣告會自動開啟賣場APP,直達商品頁,還可以賺紅利回饋點數呢!」

 

android-app-apple-887751.jpg

 

相信這個情境大家一定都司空見慣,特別是在廣告投放大戰的時代,如何把廣告流量兌現成商品的轉換率,來達到廣告與金流的有效連結,Universal Link就是一個強大的幫手之一,但這個看似簡單的行為,其實中間的演進其實並不簡單,在這裡小編特別為大家整理了幾個在開發上常見的名詞,並針對其演進史做一個簡單的介紹。

 

 

在最早期的時候,大家都習慣使用Web URL的方式,把想要投放廣告的商品網址,鑲在文案之中,讓使用者透過點擊的方式來直達商品頁,但這樣的連結僅可透過開啟Web的方式,似乎對APP的流量無法做出有效的提升。更何況,手機裡面的每個APP的服務與內容都是個別獨立的,儘管我們知道Web view的使用體驗,一定比不上使用APP來的簡單好用,但該如何串起每一個APP之間的呼應,就成了一個難題。

 

 

barrier-chain-chain-link-fence-951408.jpg

 

 

考量智慧型手機的廣告,主要都是透過社群APP來做投放,為了讓已經下載APP的用戶可以透過廣告,直接開啟購物APP下單結帳,於是Deep Link深度連結就因此誕生了,其原理簡單來說,就是透過一個定義好並註冊的Customer URL Schema(例如Shopee://XXX),來建立起APP與廣告投放APP內文之間的連接,避免斷點。

 

 

而其中還有一個最大的突破是,使用Deep Link的廣告商,可以在用戶點擊廣告後,直接開啟APP進入指定的Page, 而沒有使用Deep Link的廣告,就算可以喚醒APP,也只能在點擊後,將用戶跳轉到App首頁上。(Line 購物回饋就是靠此方式)

 

 

這樣一來,廣告投放不僅可以提高轉換率,還可以喚醒那些不常使用APP的殭屍用戶。但假如沒有下載APP的用戶又該怎麼處理呢?於是後來就演進了Deferred Deep Link,(中文稱延遲深度連結),先判斷用戶是否已經安裝了App應用,如果沒有則先引導至App應用商店中下載App, 在用戶安裝App後跳轉到指定App頁面Deep Link中。

 

 

app-blur-bokeh-1440727.jpg

 

 

而Deferred Deep Link的應用場景,還可以擴展到像是聊天軟體間的分享上,例如你把一個喜歡的商品分享給你的朋友,而他點擊後一樣可以使用到Deferred Deep Link的功能。

 

 

但上述的方式,實作前提都是你必須要在APP開發時,註冊URL Scheme,而這個註冊事實上是有和別人衝突的風險,加上一但Deferred Deep Link實作不完全,也容易有失效連結的問題

 

 

於是在2015年的WWDC,Apple除了推出iOS9之外,更提出了Universal Links通用連結,擺脫過去定義URL Schema 的限制,反而是定義好Web與APP之間的呼應與連結,讓使用者可以利用HTTP/HTTPS連結,直接開啟APP進入內文頁,而Android也推出了類似的App Links,讓用戶在點擊一個廣告web連結時,可以打開指定APP的指定內文頁。

 

而正因為他是HTTPS連結,一但使用者沒安裝APP,也可以透過瀏覽器的方式打開指定內文,而Web 工程師也可以在這時候實作一些JS,來讓使用者被導向APP Store的下載頁面唷

 

而實作方式其實也不難,以Apple為例,只要在Apple developer 中設定好App的Associated Domains功能,並上傳APP對應到的Web URL即可。不僅可以降低過去URL Schema衝突的問題,更可以有效降低連結失敗的問題。

 

校正小編補充:

URL Schema 的格式雖然是固定的,但是最前面的識別字串是自行註冊的。而一般的瀏覽器是會靠這串字串去辨識現在應該要做怎樣的事。比方說http一般對應到Server的80 port, https 對應到 443。但是它不可能記錄所有動態註冊的字串,也沒有義務要做,畢竟這是蘋果公司的功能。

所以一般的瀏覽器碰到它看不懂的url (例如pb://xxxx.xxxx.xxxxx/xxxx)就會直接跳出說看不懂。


使用 URL Schema 的情況如下

已安裝了進度條的APP
情況一:任何一個iOS APP 點擊了進度條的連結(例如Facebook)  -> 打開進度條的APP
情況二:Safari 點擊了進度條的連結 -> 詢問是否打開進度條的APP -> 打開 -> 打開進度條的APP
情況三:Safari 點擊了進度條的連結 -> 詢問是否打開進度條的APP -> 不打開 -> 跳出未知的URL錯誤

未安裝進度條的APP
點擊進度條的連結 -> 跳出未知的URL錯誤


但是如果用Universal link,因為是http或https開頭的URL,所以就可以避免「未知的URL」錯誤,改顯示目標網頁。


另外如果APP不存在要通知使用者進APP store這個功能要自己實現,而且限制很多。否則它會是一個很好偵測使用者習慣的手段,可以用來建立使用者輪廓。
 

 

 

adult-app-developer-coding-1181244.jpg

 

所以只要掌握連結的訣竅,把廣告流量有效兌現成轉換,甚至是提升營收,就再也不是遙不可及的夢想了,還不趕快學起來!

 


最後,如果你喜歡我們的文章,別忘了到我們的FB粉絲團按讚喔!!

Medium vincent

Vincent Ke

喜歡把混亂的事情變的簡單 用嘴巴做事其實很可以 但要結合靈活的腦袋思考 就一起來拆解吧