今年 7 月,H5 跳轉小程序的能力公測,開發者只需要在 H5 內使用「微信開放標簽」,用戶點擊標簽就能跳轉至小程序。

雖然需要在微信內置的網頁中才能打開小程序,但對于期待此功能已久的開發者來說,這個功能已經很夠用了,還有開發者用了一些小手段,讓這個功能更無門檻,也更好偷懶。
就比如我們最近發現的一個應用案例,開發者就模仿了微信小程序分享朋友圈的樣式使用了微信開放標簽的能力。唯一不同的是,朋友圈打開小程序在點擊開放標簽后即可直接打開小程序,H5 則是在點擊開放標簽后還需要由用戶確認后才能真正前往小程序。

和朋友圈打開小程序用同樣的頁面設計樣式,這不只是合規「偷懶」,在用戶認知上也更好培養用戶的使用習慣。這樣的小心機,其實非常好實現。
想要實現這樣的跳轉效果,只需要在頁面中添加一個特殊的標簽:
<wx-open-launch-weapp> //小程序跳轉按鈕
具體的代碼實現:
<wx-open-launch-weapp id="launch-btn" username="gh_****" <!-- 所需跳轉的小程序原始 id,即小程序對應的以 gh_ 開頭的 id --> path="/pages/xxx"> <!-- 所需跳轉的小程序內頁面路徑及參數,所聲明的頁面路徑必須添加.html 后綴,如 pages/home/index.html --> <template> <button class="btn"> 前往小程序</button> </template></wx-open-launch-weapp>
將這段代碼加入到頁面中,就有了一個可跳轉指定小程序頁面的按鈕。使用此標簽后,用戶需在網頁內點擊標簽按鈕方可跳轉小程序。通過該開放標簽打開小程序的場景值為 1167,可用于數據埋點統計。
唯一需要注意的是此功能的開通需要以下條件(二選一):
已認證的服務號,服務號綁定 “JS 接口安全域名” 下的網頁可使用此標簽跳轉任意合法合規的小程序。
已認證的非個人主體的小程序,使用小程序云開發的靜態網站托管綁定的域名下的網頁,可以使用此標簽跳轉任意合法合規的小程序。
詳細操作步驟請查看開發文檔。

由于該能力可以跳轉到任意合法合規的小程序,因此應用場景較為廣闊。
對聚合型平臺來說,這個能力可以讓他們的業務范圍更靈活。就以內容推薦聚合的旅游種草平臺為例,在分享游記行程時,就可以通過跳轉小程序的方式進行商業合作。分享機票花銷的時候可以跳航空公司的小程序,分享行程民宿時也有 OTA 平臺相關的小程序。
同樣的分享形式公眾號文章也能做,但 H5 會比文章更靈活,更便于調整。
而 H5 跳轉合法合規小程序無限制的特性倒也證明了它有更多的發揮空間。雖然小程序跳轉小程序 500 個對大部分開發者來說已經夠用了,但對有更多業務需求的開發者來說,目前基本無限制的 H5 跳轉或許更適合有特定需求的開發者。
但需要注意的是,這個功能還是有界限的。今年小程序跳轉小程序放寬限制的時候,微信還特意指出「平臺將堅決打擊小程序盒子等互推行為」,所以這個功能對于盒子類的小程序來說也并不是什么政策利好,平臺對小程序盒子的態度依舊是打擊的。
目前看到的 H5 跳轉小程序的案例多為內容類,你覺得這還有些什么可能性呢?
