如何在网站网页上添加分享到朋友圈,关注微信等按钮

大家可能看到很多网页上都有分享到朋友圈,关注微信等按钮,点击它们都会弹出一个窗口让你分享和关注,这个是怎么实现的呢?今天就给大家讲解下如何在微信公众平台前端网页上添加分享到朋友圈,关注微信号等按钮

微信内嵌浏览器

通 过 Mac 远程调试 iPhone 上微信自己的网页,我们可以发现微信内嵌浏览器定义了一个私有 JavaScript 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现分享到微信朋友圈,和判断一个微信号的关注状态以及实现关注指定微信号等功能。

分享到朋友圈

  1. function weixinShareTimeline(title,desc,link,imgUrl){
  2. WeixinJSBridge.invoke(‘shareTimeline’,{
  3. “img_url”:imgUrl,
  4. //”img_width”:”640″,
  5. //”img_height”:”640″,
  6. “link”:link,
  7. “desc”: desc,
  8. “title”:title
  9. });
  10. }

发送给好友

  1. function weixinSendAppMessage(title,desc,link,imgUrl){
  2. WeixinJSBridge.invoke(‘sendAppMessage’,{
  3. //”appid”:appId,
  4. “img_url”:imgUrl,
  5. //”img_width”:”640″,
  6. //”img_height”:”640″,
  7. “link”:link,
  8. “desc”:desc,
  9. “title”:title
  10. });
  11. }

分享到腾讯微博

  1. function weixinShareWeibo(title,link){
  2. WeixinJSBridge.invoke(‘shareWeibo’,{
  3. “content”:title + link,
  4. “url”:link
  5. });
  6. }

关注指定的微信号

  1. function weixinAddContact(name){
  2. WeixinJSBridge.invoke(“addContact”, {webtype: “1”,username: name}, function(e) {
  3. WeixinJSBridge.log(e.err_msg);
  4. //e.err_msg:add_contact:added 已经添加
  5. //e.err_msg:add_contact:cancel 取消添加
  6. //e.err_msg:add_contact:ok 添加成功
  7. if(e.err_msg == ‘add_contact:added’ || e.err_msg == ‘add_contact:ok’){
  8. //关注成功,或者已经关注过
  9. }
  10. })
  11. }

砚台酪合作伙伴,多赚10万元:
0元投资,一起赚钱,你拿大,我拿小,菠菜哥微信/QQ: 93547942:
1、腾讯企业邮箱,官方折扣4-6折,利润丰厚,轻松易赚。
2、云模板建站,版权无忧,放心用!
3、人人商城,微信小程序商城,抖音小程序商城,一键开通,功能强大,满足360行业需求。
4、新媒体、抖音、小红书、直播带货 私域资源社群,海量PPT免费下载,进群加菠菜哥QQ。

砚台酪-网站建设,微信公众号/小程序开发,网络营销推广,短视频营销 » 如何在网站网页上添加分享到朋友圈,关注微信等按钮