扫描二维码 上传二维码
选择防红平台类型,避免链接被拦截
选择允许访问的平台类型

H5页面跳转微信公众号关注页的实现方法与完整步骤

H5页面引导用户关注微信公众号,核心在于获取公众号的__biz参数并拼接成特定格式的跳转链接。整个流程可分为参数获取、链接构建和页面植入三个环节。



获取公众号唯一标识



__biz是公众号的Base64编码标识,可通过两种途径获取。技术向的做法是在微信PC端打开公众号任意历史文章,按F12打开开发者工具,在Console面板输入wx.commonData.data.uin_base64回车即可获取。但这种方式依赖微信前端代码结构,存在失效风险。更稳妥的方式是登录微信公众平台,在"设置与开发-公众号设置-账号详情"或相关数据导出功能中查找该值,具体入口以官方后台实际布局为准。

拼接标准跳转链接

拿到__biz后,按以下格式组装URL:

https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=你的__biz值&scene=110#wechat_redirect


其中scene=110为关注场景标识,末尾的#wechat_redirect不可省略,这是微信客户端识别该链接的关键标记。



在H5中植入跳转

根据交互需求选择实现方式。需要编程控制跳转时机时,用JavaScript写入:

const followUrl = 'https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=xxx&scene=110#wechat_redirect';
// 保留浏览历史
window.location.href = followUrl;
// 或替换当前页,不保留历史
window.location.replace(followUrl);


若只需静态入口,直接用HTML锚点标签:

<a href="https://mp.weixin.qq.com/mp/profile_ext?action=home&__biz=xxx&scene=110#wechat_redirect">关注公众号</a>




关键注意事项

该跳转机制深度绑定微信客户端环境。在非微信浏览器中打开此链接会失效,因此务必在H5中先检测用户代理,对非微信环境用户给出"请在微信中打开"的引导提示。同时关注按钮的文案和视觉设计需明确告知用户点击后的行为,避免误操作。

上线前务必用真机在微信内实测,确认能正常拉起公众号资料页并显示关注按钮。若__biz值有误或格式错误,页面将提示"参数错误"或直接进入空白页。