百度 | 神马 | 搜狗 | 技术文档 | 学习资料分享 - 记录帝国CMS及运维技术的点点滴滴
你的位置:首页 > 实用IT技术 » 正文

【Wordpress相关】在微信公众平台前端网页上添加分享到朋友圈,关注微信等按钮

发布时间:2020-09-17

作品分类:Wordpress相关  关注  分享  朋友圈  朋友圈  按钮  公众  添加  关注

在微信公众平台前端网页上添加分享到朋友圈,关注微信等按钮,

该代码已经失效:目前只能

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

<script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script>

微信内嵌浏览器

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

分享到朋友圈

function weixinShareTimeline(title,desc,link,imgUrl){
	WeixinJSBridge.invoke('shareTimeline',{
		"img_url":imgUrl,
		//"img_width":"640",
		//"img_height":"640",
		"link":link,
		"desc": desc,
		"title":title
	});
}

发送给好友

function weixinSendAppMessage(title,desc,link,imgUrl){
	WeixinJSBridge.invoke('sendAppMessage',{
	//"appid":appId,
	"img_url":imgUrl,
	//"img_width":"640",
	//"img_height":"640",
	"link":link,
	"desc":desc,
	"title":title
	});
}

分享到腾讯微博

function weixinShareWeibo(title,link){
	WeixinJSBridge.invoke('shareWeibo',{
		"content":title + link,
		"url":link
	});
}

关注指定的微信号

function weixinAddContact(name){
	WeixinJSBridge.invoke("addContact", {webtype: "1",username: name}, function(e) {
		WeixinJSBridge.log(e.err_msg);
		//e.err_msg:add_contact:added 已经添加
		//e.err_msg:add_contact:cancel 取消添加
		//e.err_msg:add_contact:ok 添加成功
		if(e.err_msg == 'add_contact:added' || e.err_msg == 'add_contact:ok'){
		    //关注成功,或者已经关注过
		}
	})
}

本站推荐使用的主机:,国外主机建议使用

Top