首頁 >微信小程式 >小程式開發 >微信公眾號/小程式怎麼跳外鏈?方法介紹

微信公眾號/小程式怎麼跳外鏈?方法介紹

青灯夜游
青灯夜游轉載
2021-12-14 10:24:2361869瀏覽

微信公眾號/小程式怎麼跳到外鏈?以下這篇文章為大家介紹一下微信公眾號/小程式跳轉外鏈的方法,希望對大家有幫助!

微信公眾號/小程式怎麼跳外鏈?方法介紹

這個問題我們從公眾號可以跳轉哪些連結說起,從公眾號跳轉有以下幾種分類

公眾號

本公眾號文章跳到本公眾號其他文章,不必多說,微信公眾號後台編輯圖文時已經支持;

小程式

同上,也是直接支持的;

微信公眾號/小程式怎麼跳外鏈?方法介紹

「服務號」第三方連結方案(外部連結)

支援外鏈的條件

微信公眾號/小程式怎麼跳外鏈?方法介紹

#在公眾號編輯頁面就會看到操作項目:

微信公眾號/小程式怎麼跳外鏈?方法介紹


「訂閱號」第三方連結方案(外部連結)

以GrowingIO官網,知乎,微博,抖音為例進行測試

  • 方案一:二維碼跳轉外鏈

方法:在公眾號文章中插入一張準備好的二維碼,使用者查看文章並長按識別二維碼;

效果: GrowingIO官網,知乎,微博,可直接開啟連結位址;抖音,需要將位址複製到瀏覽器開啟;

  • 方案二:「閱讀原文」 跳轉外鏈

這個方案只是另一種形式,和方案一的跳轉效果相同;

  • 方案三:「網頁」小程式web -view(社群方案)

在公眾號中插入「網頁」小程序,小程式使用web-view展示,具體如下:

第一步:搜尋小程式

微信公眾號/小程式怎麼跳外鏈?方法介紹

第二步:編輯路徑

微信公眾號/小程式怎麼跳外鏈?方法介紹

測試結果:

  • #知乎,官網能打開,但是比較慢,且部分圖片空白,且有的點擊交互無反應;
  • 抖音,微博無法打開,顯示白屏;

不支援在Docs 外貼上block

以上,原理是爬取對應網站的頁面,打開的實際上是中間者的頁面,而不是真正知乎或官網的頁面,體驗不好,且頁面底部有其他提示訊息,有時有廣告;

  • 方案四:自研小程式web-view

剛才,影片中我們開發自己「成長駭客」小程式的個人網路詳情h5,打開OK,那麼,在我們「成長駭客」小程式中進行開發來嵌入知乎h5,是否可行?

如果是webview則url域名必須是在業務域名列表裡,如下配置又需要對應的校驗文件存在於訪問的域名下,因此,直接用web-view承載外鏈這個方法走不通;

具體文件請見:https://developers.weixin.qq.com/miniprogram/dev/framework/ability/domain.html

微信公眾號/小程式怎麼跳外鏈?方法介紹

“訂閱號碼」四種方案比較

方案

操作步驟

官網

知乎

微博

#抖音

二維碼跳轉外鏈

長按-> 點擊識別二維碼-> (抖音複製連結到瀏覽器)

yes

yes

yes

微信攔截,要複製到瀏覽器開啟

「閱讀原文」 跳到外鏈

#點選「閱讀原文」 -> (抖音複製連結到瀏覽器)

yes

yes

yes

#微信攔截,要複製到瀏覽器打開

「網頁」小程式webview

點擊連結文字or圖片

能打開,體驗差

能打開,體驗差

no,白屏

no,白屏

「增長黑客」小程式webview

點擊連結文字or圖片

#yes

No

無法設定webview業務網域

no

無法設定webview業務網域

no

#無法配置webview業務域名

綜上所述,最好的方法是服務號認證開通支付,直接使用微信後台插入外鏈,訂閱號使用二維碼或是閱讀原文跳轉外鏈,小程序webview的方式有很多限制和弊端;

Q & A

如何升級訂閱號碼到服務號碼?

https://developers.weixin.qq.com/community/develop/doc/00042aee714f40ff05ea3e31256800?jumpto=comment&commentid=000cc8a91585a81?jumpto音複製連結比較麻煩,可以直接跳轉嗎?

微跳抖:微跳抖- 官方網站

http://dou.weitiaodou.com/Admin/Index/index.html

在這個服務商網站將抖音鏈接進行轉換,然後在公眾號文章裡使用轉換過的鏈接,即可,本質上跳轉的是服務商爬取的抖音內容頁面;

#祖馬龍的公眾號,點選可以直接跳微博app?

這個應該是服務號碼自帶的,如果不是,也可以透過設定如下連結解決,或是用此連結產生二維碼解決:

https: //mp.weixinbridge.com/mp/wapredirect?url=https://weibo.com/p/1006065653168468/home?from=page\_100606&mod=TAB&is\_all=1

【相關學習推薦:小程式開發教學

以上是微信公眾號/小程式怎麼跳外鏈?方法介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:juejin.cn。如有侵權,請聯絡admin@php.cn刪除