微信公众号实现“一键关注”功能

背景:之前用的一键关注要么通过图文,要么通过二维码,这样甚是麻烦,而且引导不到位,而看到朋友圈打广告的一些公众号可以直接关注,于是一直研究这个功能,今天终于实现了,分享给所有朋友,希望能帮助到所有朋友,这个引导关注的页面包含了公众号的logo、介绍和历史消息,能够更大层度的吸引用户关注。

具体实现步骤:

1.随便进入一个公众号,点击右上角的小人头,进入查看公众号信息页面;

2.在页面下方点击“查看历史消息”,进入历史消息的页面;

3.在这个页面点击右上角竖排三颗小点,并点击“复制链接”进行复制历史消息链接地址;

4.修改链接,如图,将红色部分改为:profile_ext?action=home&,把蓝色部分删除,即可完成整个修改。

5.最后修改后的地址,发送至手机进行预览,引导关注页面就出来了,点击搜藏吧,以后可以用在活动引导,图文“阅读原文”链接等。

6.此链接就是所需链接,可以实现新用户跳转到“关注”页面,老用户直接跳转到“发消息”页面。下图是老用户截图:

新用户“发消息”按钮为“关注”,至此完成一键关注功能。

注:微信官方文档在不断更新,该功能什么时候被禁也不确定,如有问题,欢迎评论。

微信公众号提供了微信一键登录的功能,用户可以通过微信扫码登录公众号网站,无需输入账号密码。具体实现步骤如下: 1.在微信开放平台注册开发者账号,并创建一个公众号。 2.在公众号设置中,开启网页授权和JS接口安全域名,并设置授权回调页面域名。 3.在网站中引入微信JS-SDK,并通过config接口进行配置。 4.在网站中添加微信一键登录按钮,并通过微信JS-SDK的扫码接口生成二维码。 5.用户使用微信扫描二维码后,网站通过微信JS-SDK的回调接口获取用户的openid和access_token。 6.网站根据openid和access_token进行用户登录或注册。 下面是一个简单的示例代码: ```html <!-- 引入微信JS-SDK --> <script src="https://res.wx.qq.com/open/js/jweixin-1.6.0.js"></script> <script> // 配置微信JS-SDK wx.config({ debug: false, appId: 'your_appid', timestamp: 'your_timestamp', nonceStr: 'your_noncestr', signature: 'your_signature', jsApiList: ['scanQRCode'] }); // 点击微信一键登录按钮 $('#login-btn').click(function() { // 调用微信扫码接口 wx.scanQRCode({ needResult: 1, scanType: ['qrCode'], success: function(res) { // 获取扫码结果中的openid和access_token var openid = res.resultStr.split(',')[1].split(':')[1].replace(/"/g, ''); var access_token = res.resultStr.split(',')[2].split(':')[1].replace(/"/g, ''); // TODO: 根据openid和access_token进行用户登录或注册 } }); }); </script> <!-- 微信一键登录按钮 --> <button id="login-btn">微信一键登录</button> ```
评论 6
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值