首页 > 建站资源 > 微信营销 > 在网页中添加“分享到微信朋友圈”按钮的代码分享

在网页中添加“分享到微信朋友圈”按钮的代码分享

时间:2013-08-29    来源:36氪

自从微信推出公众平台并允许分享文章到朋友圈之后,我看到有越来越多的朋友分享文章到朋友圈。

受冷笑话精选网站的启发,我们给36氪网站的移动版上加了“分享到微信朋友圈”按钮,在微信的内置浏览器中点击后可以一键分享,而不必点浏览器右上角的功能菜单再选择分享。

由于目前微信并没有提供这个按钮的官方支持,很多人问我们这个按钮是如何实现的,其实很简单,我们把我们实现的方法分享给大家,希望对那些想在网页端加这个按钮的人有所帮助。

下面是代码(相关参数请自行修改):

function WeiXinShareBtn() { 
 if (typeof WeixinJSBridge == "undefined") { 
 alert("请先通过微信搜索 wow36kr 添加36氪为好友,通过微信分享文章 "); 
 } else { 
 WeixinJSBridge.invoke('shareTimeline', { 
 "title": "36氪", 
 "link": "http://www.36kr.com", 
 "desc": "关注互联网创业", 
 "img_url": "http://www.36kr.com/assets/images/apple-touch-icon.png" 
 }); 
 } 
 }

值得注意的是,这个按钮如果不是在微信内置浏览器中打开,点击后是没办法分享的。但是可以设置一个小弹窗,比如我们的弹窗是这样设计的:

相关推荐
从人性解读:你为什么转发朋友圈
微信公众平台编辑模式与开发模式详解
成功运营微信公众账号的四大要点
微信个人号与微信公众帐号的区别
微信营销实例:美女老板娘玩转微信卖蛋糕
微信公众平台消息接口使用教程
微信公众平台教程:没有正确响应Token验证的解决方法
微信公众平台消息接口开发教程之语音触发应用
微信公众平台开发教程之在线音乐/在线点歌
微信公众平台API接口开发教程
微信公众平台教程之生成带参数二维码
商业营销玩转微信四大关键要点
微信公众平台初级入门教程
微信个人公众帐号与企业公众帐号的区别
微信公众平台开发模式启用及接口配置图文教程
微信公众平台消息接口开发教程 附封装工具实例代码
微信公众平台开发教程之消息的接收与响应实例代码
微信公众帐号开发教程之文本消息长度限制详解
微信公众平台开发教程之文本消息换行符详解
微信公众帐号开发教程之文本消息中如何添加网页超链接
微信开发教程之解析接口中的消息创建时间CreateTime
微信公众平台开发教程之符号表情的发送(1)
微信公众帐号自定义菜单创建及事件响应开发教程 附源代码
微信公众帐号消息接口开发教程之校验签名与消息响应合并
微信公众平台消息接口开发教程之大众点评API接口开发
利用微信公众帐号自定义回复做互动营销的案例总结
微信公众平台应用开发之情侣/夫妻相
微信创业赚钱的八个方向
微信公众平台开发教程之刮刮乐应用
微信公众帐号开发教程之Emoji表情符号介绍
手机APP应用或WAP网页添加关注微信按钮的代码分享
微信初始ID的获取方法分享
微信公众帐号被添加自动回复详解
微信公众号手机助手群发消息图文教程
微信公众号手机助手绑定私人微信号的教程
如何注册微信公众帐号?

精彩推荐

热门教程