微信小程序中显示关注公众号按钮

更新日期: 2023-06-15 阅读次数: 48090 字数: 523 分类: 微信小程序

昨天,小程序公众号关注组件发布。无数客户提过这个需求,用于有解决方案了。。。

个人小程序,和企业小程序都可以使用。

添加关注公众号按钮的方法

  • 小程序管理后台,找到设置 - 关注公众号 - 启用“关注公众号组件”
  • 添加组件之后,在线下扫码微信小程序太阳码进入小程序,就可以看到公众号关注按钮了。

组件代码:

<official-account></official-account>

效果如图所示(整个顶部区域都是组件自带的):

微信小程序中显示关注公众号按钮

红色框圈出部分就是组件的默认样式。

当你关注这个公众号之后,“关注”就会变成“查看”。

点击关注后的弹窗效果:

点击关注后的弹窗效果

注意:只有订阅号有弹窗效果,服务号会跳转,没有弹窗效果。

真实小程序体验

微信扫码下方小程序码,可以查看真实效果:

微信小程序中显示关注公众号按钮

组件使用文档

https://developers.weixin.qq.com/miniprogram/dev/component/official-account.html

注意

微信小程序 official-account 只有扫码进入才能看到,如果是通过微信内点击进入的,则看不到这个组件。

  • 当小程序从扫小程序码场景(场景值1047,场景值1124)打开时
  • 当小程序从聊天顶部场景(场景值1089)中的「最近使用」内打开时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态
  • 当从其他小程序返回小程序(场景值1038)时,若小程序之前未被销毁,则该组件保持上一次打开小程序时的状态

另一种方式

2021-01-15 更新

刚发现,腾讯出行服务中有个红包任务,就是关注公众号。

他的实现方式是,点击关注公众号按钮,然后跳转到一篇公众号文章。文章内容是一个关注号二维码,长按识别,打开就能关注了。

虽然繁琐一点,但确实是一个办法。

判断用户是否关注

通过 unionid 来检测。

具体参考:

https://developers.weixin.qq.com/community/develop/doc/0002683617cd9835173d6487f5b400?highLine=official-account

tags: 小程序关注公众号

关于作者 🌱

我是来自山东烟台的一名开发者,有敢兴趣的话题,或者软件开发需求,欢迎加微信 zhongwei 聊聊, 查看更多联系方式