微信公众平台 分享 关注 js功能代码
2014-09-11 11:19
148 查看
转上一篇文章
微信很火,微信推出的公众平台也吸引了一部分市场宣传推广团队,像冷笑话大全这种微博养粉大户在微信的公众平台也是异常火爆。
因工作需求,最近为我们的市场部做了几个微信公共平台下的页面,其中涉及微信公众账号的友情链接,转发一篇文章到微信朋友圈,判断是否转发成功的回调机制,判断是否成功关注微信帐号等的前端代码,我也是通过分析冷笑话大全的页面找到的方法,也google过,但没找到微信官方有公布过相关文档,所以就把自己知道的拿来分享一下。
微信内嵌浏览器:
微信内嵌浏览器有一个私有JS 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现转发链接到微信朋友圈,和判断一个微信号的关注状态,比如在进行转发抽奖的活动时,判断是否转发成功和是否关注成功会很有必要。
//点击事件调用此函数即可激发一次转发到朋友圈操作
function toWexinFriends(){
WeixinJSBridge.invoke('shareTimeline',{
"img_url": "http://example.com/example.png",
//"img_width": "640",
//"img_height": "640",
"link": "http://example.com",
"desc": "描述",
"title": "标题"
},function(res){
// 返回res.err_msg,取值
// share_timeline:cancel 用户取消
// share_timeline:fail 发送失败
// share_timeline:confirm 发送成功
WeixinJSBridge.log(res.err_msg);
if(res.err_msg == 'share_timeline:confirm'){
//转发成功
};
});
}
function addFirend(){
//gh_122a2ee67fae 为被添加者的微信ID
WeixinJSBridge.invoke("addContact", {webtype: "1",username: 'gh_122a2ee67fae'}, 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'){
//关注成功,或者已经关注过
}
})
}
以上都需要在微信内嵌浏览器内才能被识别,通过判断WeixinJSBridge对象是否存在,可以知道是否在微信内浏览的页面。
微信内嵌浏览器还可以识别:
1
此种类型的链接,此链接在微信内会链接到一个公共帐号的介绍界面。
外部浏览器可以使用:
1
此种类型的链接在手机的外部浏览器也会被自动识别并跳转到微信,但会进行条码扫描,体验不是很好。
以上分享希望对大家有所帮助,更希望知情人士分享更多技巧,QQ的社交链真的是强大到可怕,微信已经渐渐成长壮大,必会成为网络营销的另一片沃土!
微信很火,微信推出的公众平台也吸引了一部分市场宣传推广团队,像冷笑话大全这种微博养粉大户在微信的公众平台也是异常火爆。
因工作需求,最近为我们的市场部做了几个微信公共平台下的页面,其中涉及微信公众账号的友情链接,转发一篇文章到微信朋友圈,判断是否转发成功的回调机制,判断是否成功关注微信帐号等的前端代码,我也是通过分析冷笑话大全的页面找到的方法,也google过,但没找到微信官方有公布过相关文档,所以就把自己知道的拿来分享一下。
微信内嵌浏览器:
微信内嵌浏览器有一个私有JS 对象:WeixinJSBridge,通过操作这个对象的相关方法可以实现转发链接到微信朋友圈,和判断一个微信号的关注状态,比如在进行转发抽奖的活动时,判断是否转发成功和是否关注成功会很有必要。
//点击事件调用此函数即可激发一次转发到朋友圈操作
function toWexinFriends(){
WeixinJSBridge.invoke('shareTimeline',{
"img_url": "http://example.com/example.png",
//"img_width": "640",
//"img_height": "640",
"link": "http://example.com",
"desc": "描述",
"title": "标题"
},function(res){
// 返回res.err_msg,取值
// share_timeline:cancel 用户取消
// share_timeline:fail 发送失败
// share_timeline:confirm 发送成功
WeixinJSBridge.log(res.err_msg);
if(res.err_msg == 'share_timeline:confirm'){
//转发成功
};
});
}
function addFirend(){
//gh_122a2ee67fae 为被添加者的微信ID
WeixinJSBridge.invoke("addContact", {webtype: "1",username: 'gh_122a2ee67fae'}, 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'){
//关注成功,或者已经关注过
}
})
}
以上都需要在微信内嵌浏览器内才能被识别,通过判断WeixinJSBridge对象是否存在,可以知道是否在微信内浏览的页面。
微信内嵌浏览器还可以识别:
1
此种类型的链接,此链接在微信内会链接到一个公共帐号的介绍界面。
外部浏览器可以使用:
1
此种类型的链接在手机的外部浏览器也会被自动识别并跳转到微信,但会进行条码扫描,体验不是很好。
以上分享希望对大家有所帮助,更希望知情人士分享更多技巧,QQ的社交链真的是强大到可怕,微信已经渐渐成长壮大,必会成为网络营销的另一片沃土!
相关文章推荐
- 微信公众平台 分享 关注 js功能代码
- js实现弹窗插件功能实例代码分享
- js实现弹窗插件功能实例代码分享
- Java实现微信公众平台朋友圈分享功能详细代码
- 微信公众平台 分享到朋友圈 js代码
- 微信JS-SDK分享功能的.Net实现代码
- 微信公众平台开发:JS-SDK之分享功能整理(Java)
- 【源码】实现Android闹钟功能使用HTML+JS,并附带Alarm代码分享
- 分享2个功能的js代码(去掉数组里重复的项、数组或对象深拷贝)
- js+插件实现代码复制及动态生成二维码扫描、分享到朋友圈QQ空间功能
- 基于JS组件实现拖动滑块验证功能(代码分享)
- 纯JS代码实现一键分享功能
- 用HTML+JS实现Android闹钟功能,附带Alarm代码分享
- 纯JS代码实现一键分享功能
- 微信公众平台开发应用(天气预报、股票查询、手机归属地查询、在线听音乐、翻译、成绩查询等功能)代码分享如下
- 纯JS代码实现一键分享功能
- 【源码】实现Android闹钟功能使用HTML+JS,并附带Alarm代码分享
- 分享一个不错的js提示信息代码(tooltips)
- [分享兼散分]一个好网址,大量有用JS,代码可下载
- js点小图显示大图的切换功能代码