返回首页
当前位置: 主页 > 微信公众平台开发 >

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

时间:2014-05-20 13:26来源: 作者: 点击:
为什么要找北京SOHO网来为您定制网站呢?
1、拥有8年行业建站经验和雄厚的建站技术做保证!
2、有资深的网页美术设计师,独立订制模板绝对让您满意!
3、有完备的建站流程体系,让您全程跟踪建站进度!
4、发布后的网站全部静态化,全面提升访问速度!
5、在制作过程中免费集成搜索引擎优化技术,保证被搜索引擎良好收录
6、优质的售后服务保证,沟通方便,响应及时!
7、在Google搜索“商城制作”或“网上商城制作",本站自然排名第一!
8、每月前3位客户,将获得超值大礼包(在线客服系统VIP,流量统计系统VIP,千元GoogleAdwords广告费)
9、拥有自主开发的SOHOCMS基础软件产品模块,建站周期短!功能齐全!
10、可制作中文简体繁体,英文,德文,西班牙,韩语,法语等多语言网站!

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

受冷笑话精选网站的启发,我们给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" 
 }); 
 } 
 }

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

(责任编辑:admin) 关键词:微信分享按钮,微信转发,社会化分
顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐产品