微信公众号小程序跳转外链方法介绍

网友投稿 3950 2024-06-08

微信公众号/小程序怎么跳转外链?下面本篇文章给大家介绍一下微信公众号/小程序跳转外链的方法,希望对大家有所帮助!

微信公众号小程序跳转外链方法介绍

这个问题我们从公众号可以跳转哪些连接说起,从公众号跳转有如下几种分类

公众号

本公众号文章跳转本公众号其他文章,不必多说,微信公众号后台编辑图文时已经支持;

小程序

同上,也是直接支持的;

「服务号」第三方链接方案(外部链接)

支持外链的条件

在公众号编辑页面就会看到操作项:

「订阅号」第三方链接方案(外部链接)

以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=000cc8a91585a82f0dea9b09e518

抖音复制链接比较麻烦,可以直接跳转吗?

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

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

在这个服务商网站将抖音链接进行转换,然后在公众号文章里使用转换过的链接,即可,本质上跳转的是服务商爬取的抖音内容页面;

祖马龙的公众号,点击可以直接跳微博app?

这个应该是服务号自带的,如果不是,也可以通过配置如下链接解决,或者用此链接生成二维码解决:

https://mp.weixinbridge.com/mp/wapredirect?url=https://weibo.com/p/1006065653168468/home?from=page%5C_100606&mod=TAB&is%5C_all=1

【相关学习推荐:小程序开发教程】

以上就是微信公众号/小程序怎么跳转外链?方法介绍的详细内容

版权声明:本文内容由网络用户投稿,版权归原作者所有,本站不拥有其著作权,亦不承担相应法律责任。如果您发现本站中有涉嫌抄袭或描述失实的内容,请联系我们jiasou666@gmail.com 处理,核实后本网站将在24小时内删除侵权内容。

上一篇:10 篇支付开发文章推荐
下一篇:10 篇数据库设计文章介绍
相关文章

 发表评论

暂时没有评论,来抢沙发吧~