本文詳細(xì)講解一下小程序、公眾號(hào)文章、H5 頁面,以及其他 APP 之間的跳轉(zhuǎn)路徑都是怎樣的,一起來看看~
移動(dòng)時(shí)代,我們手機(jī)里的東西越來越多,占用的時(shí)間也越來越多。有時(shí)候要用 APP,有時(shí)候要在微信里跳來跳去,有時(shí)候又要打開瀏覽器,每天忙得不亦樂乎。
作為普通用戶,我們只能按照產(chǎn)品的指引去使用,無法選擇我們的使用路徑。而作為產(chǎn)品經(jīng)理,我們則需要清楚究竟哪些路徑可以使用,而哪些跳轉(zhuǎn)方向,只是一廂情愿。
這里,我們不討論類似下載二維碼圖片到手機(jī),再識(shí)別二維碼這種間接路徑;也不考慮類似公眾號(hào)資料頁進(jìn)入小程序這種低頻入口。我們只討論那些高頻常用的,或者可以帶參數(shù)統(tǒng)計(jì)用戶行為的路徑跳轉(zhuǎn)。這些路徑,才是我們最常用也是最應(yīng)該關(guān)注的。
下面,我就詳細(xì)講解一下小程序、公眾號(hào)文章、H5 頁面,以及其他 APP 之間的跳轉(zhuǎn)路徑都是怎樣的。
(1)小程序 -> 公眾號(hào)文章
小程序跳轉(zhuǎn)到公眾號(hào)文章,目前是實(shí)現(xiàn)不了的。確切地說,只能叫打開公眾號(hào)文章。所謂“打開”其實(shí)是在小程序的框架內(nèi)支持了叫做 web-view 的組件,你可以理解為就是一個(gè)內(nèi)置瀏覽器,后面會(huì)提到 APP 也有這種組件。
那么,這里的打開就相當(dāng)于在這個(gè)內(nèi)置瀏覽器里瀏覽公眾號(hào)文章了。不過,既然是在小程序環(huán)境,那也必然是在微信環(huán)境內(nèi),所以這個(gè)文章還是可以點(diǎn)贊和評(píng)論的,但是由于小程序 web-view 功能限制,暫時(shí)是不能贊賞作者的。
此外,這里打開的公眾號(hào)文章也只能是小程序綁定的公眾號(hào)文章,小程序可以被 500 個(gè)公眾號(hào)綁定,做個(gè)文章合集也是可以的。
結(jié)論:通過 web-view 打開綁定的公眾號(hào)文章,可以點(diǎn)贊評(píng)論,不能贊賞。
(2)公眾號(hào)文章 -> 小程序
公眾號(hào)文章嵌入小程序,大家應(yīng)該都見過了。主要是文章內(nèi)嵌的小程序卡片和文字鏈接等,可以直接打開綁定的小程序。注意:這里幾次都提到了綁定關(guān)系,許多能力的前提都要有綁定關(guān)系先,或者是業(yè)務(wù)域名白名單,后面還會(huì)再提到。
文章嵌入小程序的好處非常明顯,可以放在文章的任意位置,還可以準(zhǔn)備一張自定義的海報(bào),并且可以帶參數(shù)。這點(diǎn)非常重要,我們可以直接指定跳轉(zhuǎn)到小程序某個(gè)頁面的某種狀態(tài),并可以通過參數(shù)來統(tǒng)計(jì)來源渠道等數(shù)據(jù)。
結(jié)論:文章可以嵌入小程序卡片,公眾號(hào)自定義菜單可以跳轉(zhuǎn)小程序,都可以帶參數(shù)。
(3)小程序 -> H5 頁面
同 1 小節(jié)一樣,也不存小程序跳 H5 頁面的路徑。同樣只是通過 web-view 內(nèi)打開業(yè)務(wù)域名白名單內(nèi)的頁面而已,功能受限,比如:不能支付。具體可參考微信小程序開發(fā)文檔,里面有詳細(xì)的 API 列表。
值得一提的是,如果小程序里面打開的 H5 頁面又使用了公眾號(hào)網(wǎng)頁授權(quán)接口,會(huì)是什么效果呢?
很簡單,跟在微信里直接打開 H5 是一樣的,如果是獲取用戶信息的授權(quán),則會(huì)彈出授權(quán)確認(rèn)界面。這里是個(gè)獨(dú)立的空間,跟外面的小程序是否授權(quán)已經(jīng)沒有關(guān)系了。
當(dāng)然,如果小程序和小程序的 web-view 打開的 H5 授權(quán)用的公眾號(hào)綁定了同一個(gè) unionid,那么兩個(gè)場景都是可以拿到這個(gè) unionid 用來識(shí)別用戶,可以達(dá)到識(shí)別同一用戶的目的。
結(jié)論:通過 web-view 打開 H5 頁面,功能受限,若有網(wǎng)頁授權(quán),與微信內(nèi)置瀏覽器表現(xiàn)一致。
(4)H5頁面 -> 小程序
這個(gè)真沒有,甚至 H5 頁面可能都打不開微信。但是,對于已經(jīng)在小程序的 web-view 中打開的 H5 頁面,由于本身在小程序框架內(nèi),所以是可以返回“外層”的小程序的,但是不能直接跳轉(zhuǎn)到其他小程序。
結(jié)論:普通 H5 頁面無法跳轉(zhuǎn)到小程序,web-view 中的 H5 頁面可以回到“外層”小程序。
(5)小程序 -> APP
在某些特定的場景下,微信是允許小程序跳轉(zhuǎn) APP 的,但是需要用戶主動(dòng)觸發(fā)。即,你只能引導(dǎo)用戶來點(diǎn)這個(gè)按鈕,而不能替用戶直接打開 APP。這些特定場景,主要是 APP 分享消息卡片,或 APP 打開小程序。簡單來說,就是從哪個(gè) APP 來的,就有能力回到哪個(gè) APP。
結(jié)論:哪來的回哪去。
(6)APP -> 小程序
與 5 小節(jié)相對應(yīng)的,當(dāng) APP 側(cè)嵌入了微信提供的 OpenSDK 后,就可以實(shí)現(xiàn)前面提到的 APP 小程序,或者 APP 打開小程序了。
結(jié)論:嵌入 SDK 后可小程序或直接打開小程序。
(7)公眾號(hào)文章 -> H5頁面
公眾號(hào)文章本身也可以當(dāng)做一個(gè)網(wǎng)頁,但是,只有經(jīng)過微信認(rèn)證的服務(wù)號(hào)才能添加外鏈。普通的訂閱號(hào)和服務(wù)號(hào)只能通過被動(dòng)回復(fù)給用戶某個(gè) H5 鏈接,算不上直接跳轉(zhuǎn)?;蛘咄ㄟ^文章底部的“閱讀原文”添加外鏈,但是入口比較隱蔽,故轉(zhuǎn)化率也很低。
結(jié)論:認(rèn)證服務(wù)號(hào)可添加外鏈,非認(rèn)證的通過閱讀原文,自定義菜單,模板消息,被動(dòng)回復(fù)等實(shí)現(xiàn)。
(8)H5 頁面 -> 公眾號(hào)文章
H5 鏈接到公眾號(hào)就簡單了,只是在網(wǎng)頁上增加一個(gè)普通鏈接而已。具體文章打開的樣式,要看這個(gè) H5 是在 PC 瀏覽器、PC 微信客戶端、手機(jī)瀏覽器、手機(jī)微信客戶端中的哪一個(gè)環(huán)境打開。不同的環(huán)境表現(xiàn)不一樣,在微信的環(huán)境內(nèi)就可以評(píng)論點(diǎn)贊,非微信環(huán)境就只能看。PC 和 H5 主要是布局不同,其他差異不大。
如果是在微信環(huán)境,那么 H5 里面嵌入的二維碼圖片是可以直接長按識(shí)別的,也算是一步跳轉(zhuǎn)。那么這個(gè)二維碼,就可以是文章頁、群二維碼、小程序、歷史記錄(資料頁)、會(huì)話界面(已關(guān)注)等等玩法。
結(jié)論:直接插鏈接即可,具體長相看環(huán)境。長按識(shí)別二維碼可以有更多玩法。
(9)H5 頁面 -> APP
H5 跳轉(zhuǎn)到 APP,可以通過一種叫做 url schema 的跳轉(zhuǎn)協(xié)議實(shí)現(xiàn),但是這種協(xié)議不是所有瀏覽器都支持,所以你經(jīng)常會(huì)見到有些產(chǎn)品在微信里會(huì)提示你點(diǎn)右上角用 safari 打開。這就是引導(dǎo)你利用 safari 對 url schema 的支持,再跳到其他的 APP 去。
如果是在微信內(nèi)置瀏覽器中,目前是支持自家的應(yīng)用寶應(yīng)用的,會(huì)引導(dǎo)用戶跳轉(zhuǎn)到應(yīng)用寶,再在應(yīng)用寶界面下載 APP 并打開。
結(jié)論:在支持的瀏覽器中通過 url schema 打開; 微信內(nèi)支持應(yīng)用寶鏈接跳轉(zhuǎn)打開。
(10) APP -> H5頁面
前面提到過,同小程序類似,APP 也可以打開 web-view。并且,由于 APP 也是自己開發(fā)的,所以可以給 web-view 放開全部可能的權(quán)限,在 APP 支持的基礎(chǔ)上,是不會(huì)再人為限制 web-view 的能力了。而對于支付部分,可以嵌入微信或支付寶的 SDK,跳轉(zhuǎn)到微信或支付寶進(jìn)行支付。
此外,APP 還可以支持更多功能,比如:監(jiān)聽 web-view 內(nèi)的頁面跳轉(zhuǎn),并攔截符合某些規(guī)則的頁面,進(jìn)行其他操作。也可以像微信給其內(nèi)置瀏覽器提供的 JSSDK 一樣,為你自己的 APP 內(nèi)嵌入的 H5 提供附加的 JSAPI,實(shí)現(xiàn)更多能力。
結(jié)論:通過 web-view 打開 H5頁面,原則上沒有功能限制,支付可以跳轉(zhuǎn)到微信或支付寶等。
(11)公眾號(hào)文章 -> APP
這兩個(gè)沒有直接聯(lián)系,可以參照第 7,9 小節(jié),通過公眾號(hào)文章打開 H5 頁面,再打開 APP 實(shí)現(xiàn)。
結(jié)論:真沒有,可以先打開 H5頁面,走 H5 跳 APP流程。
(12)APP -> 公眾號(hào)文章
同樣通過 web-view 打開公眾號(hào)文章,與瀏覽器打開相同,由于不在微信環(huán)境內(nèi),也不能點(diǎn)贊評(píng)論贊賞等??梢宰鳛樾畔⒄故?,比如:幫助文檔,活動(dòng)規(guī)則等信息的展示。
結(jié)論:和打開 H5 類似,但只能作為信息展示,沒有其他能力。
(13)小程序 -> 小程序
那么,你以為同樣的環(huán)境就一定能跳嗎?
當(dāng)然不是,前面提到過,許多跳轉(zhuǎn)都依賴綁定關(guān)系,那么小程序之間的跳轉(zhuǎn)也是。
這里說的綁定,是指小程序綁定到某個(gè)公眾號(hào),只要兩個(gè)小程序都綁定到了相同公眾號(hào),那么它們之間就是可以互相跳轉(zhuǎn)的。每個(gè)公眾號(hào)可以綁定相同主體的 10 個(gè)小程序,不同主體的 3 個(gè)小程序;每個(gè)小程序可以被 500 個(gè)公眾號(hào)綁定。
所以,如果你的小程序想跳到某個(gè)小程序,就要先綁定。如果不是你的小程序,就要跟那個(gè)小程序的所有者聯(lián)系申請綁定關(guān)系,并且你還要準(zhǔn)備一個(gè)有坑位的,且已經(jīng)綁定了你自己小程序的公眾號(hào),用來綁定這個(gè)小程序。
結(jié)論:存在綁定關(guān)系的小程序才可相互跳轉(zhuǎn)。
(14)公眾號(hào)文章 -> 公眾號(hào)文章
早期,公眾號(hào)文章只有閱讀原文可以添加外鏈,所以有引用別人的文章的時(shí)候,也要放到閱讀原文,跟前面的嵌入 H5 是一樣的。從 2017 年 06 月開始,公眾號(hào)支持插入自己帳號(hào)和其他公眾號(hào)已群發(fā)文章鏈接的能力。
也就是說,你完全可以做一個(gè)優(yōu)秀文章導(dǎo)航,每天只推送搜集到的好文章列表。但是,鏈接是可以有,但是跳出去以后就是別人的公眾號(hào)了,回不回來就難說了。
結(jié)論:可以跳轉(zhuǎn)自己帳號(hào)和其他公眾號(hào)已群發(fā)的文章。
(15)H5 頁面 -> H5 頁面
這個(gè)就相當(dāng)自由了,頁面都是自己做的,想怎么跳就怎么跳。唯一需要注意的是,我們有些 H5 頁面可能使用了微信網(wǎng)頁授權(quán)接口,但是忘記了判斷微信環(huán)境。那么可能產(chǎn)生的結(jié)果就是,在瀏覽器里跳轉(zhuǎn)幾下,忽然提示請?jiān)谖⑿艃?nèi)打開。
此外,如果是在小程序的 web-view 里面跳來跳去的話,要注意是否所有跳轉(zhuǎn)鏈接都在小程序的業(yè)務(wù)域名白名單內(nèi),否則也是無法打開的。
結(jié)論:瀏覽器里隨便跳,小程序在白名單里跳。
(16)APP -> APP
APP 之間的跳轉(zhuǎn)大體跟前面提到的 H5 頁面打開 APP 類似,通過 url schema 來實(shí)現(xiàn)。技術(shù)上是沒什么限制的,只有公司和業(yè)務(wù)沖突,導(dǎo)致互相之間強(qiáng)制不允許跳轉(zhuǎn),就不舉例了。
因?yàn)檫@些人造墻的存在,就出現(xiàn)了許多,比如:口令啊,識(shí)別二維碼啊什么的路子,或者想分享內(nèi)容的時(shí)候,不直接打開其他 APP,而是引導(dǎo)用戶保存內(nèi)容,再手動(dòng)打開其他 APP 繼續(xù)操作。
結(jié)論:沒有技術(shù)障礙,只有人造墻。
好了,到這里 16 種路徑就講完了。這 16 種路徑重點(diǎn)還是圍繞微信場景的延伸,沒有涉及諸如輕應(yīng)用、支付寶小程序,百度小程序等。原理大同小異,如果有需要可以多參考官方文檔,結(jié)合上文提到的基本原理,應(yīng)該可以弄清楚了。
作者:姬小光,微信公眾號(hào)“姬小光(ID:hi-laser)”
本文由 @姬小光 原創(chuàng)發(fā)布于人人都是產(chǎn)品經(jīng)理。未經(jīng)許可,禁止轉(zhuǎn)載。
題圖來自Unsplash,基于CC0協(xié)議
(正文已結(jié)束)
推薦閱讀:個(gè)稅app下載
免責(zé)聲明及提醒:此文內(nèi)容為本網(wǎng)所轉(zhuǎn)載企業(yè)宣傳資訊,該相關(guān)信息僅為宣傳及傳遞更多信息之目的,不代表本網(wǎng)站觀點(diǎn),文章真實(shí)性請瀏覽者慎重核實(shí)!任何投資加盟均有風(fēng)險(xiǎn),提醒廣大民眾投資需謹(jǐn)慎!