h5怎么做分享到QQ 、朋友圈、微信 、微博等功能

h5怎么做分享到QQ 、朋友圈、微信 、微博等功能

微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的config接口注入权限验证配置好就ok!

类似于“分享到朋友圈”按钮点击状态及自定义分享内容接口,我们调用“分享到QQ”和“分享到腾讯微博”按钮点击状态及自定义分享内容接口 。

获取“分享到QQ”按钮点击状态及自定义分享内容接口

代码语言:javascript复制 wx.onMenuShareQQ({

title: '', // 分享标题

desc: '', // 分享描述

link: '', // 分享链接

imgUrl: '', // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

}); 获取“分享到QQ空间”按钮点击状态及自定义分享内容接口

代码语言:javascript复制 wx.onMenuShareQZone({

title: '', // 分享标题

desc: '', // 分享描述

link: '', // 分享链接

imgUrl: '', // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

}); 获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口

代码语言:javascript复制 wx.onMenuShareWeibo({

title: '', // 分享标题

desc: '', // 分享描述

link: '', // 分享链接

imgUrl: '', // 分享图标

success: function () {

// 用户确认分享后执行的回调函数

},

cancel: function () {

// 用户取消分享后执行的回调函数

}

}); 以上是调用接口然后进行自定义分享。下面是关于h5分享到的两个不错的插件。

一、

具体事例可以查看以上网址,我这里演示一个简单的例子。

使用说明: 复制并粘贴下面的JS代码,放到您的网页,可以在和的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现。

代码语言:javascript复制

分享到:

微信

更多

二、

HTML代码

代码语言:javascript复制

js代码

代码语言:javascript复制 window._bd_share_config={

"common":{"bdSnsKey":{},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"0","bdSize":"16"},

"share":{},

"image":{"viewList":["qzone","tsina","tqq","renren","weixin"],"viewText":"分享到:","viewSize":"16"},

"selectShare":{"bdContainerClass":null,"bdSelectMiniList":["qzone","tsina","tqq","renren","weixin"]}

};

with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src=

'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)]; 如果想要查看更多的分享格式,可以查看原网址。

尊享推荐

365bet赌场官网 三星“字库门”真相

三星“字库门”真相

📅 06-29 👑 663
365bet赌场官网 宝马5系迎宾灯怎么设置

宝马5系迎宾灯怎么设置

📅 11-08 👑 524
365allsports 【MoliPlayer下载】MoliPlayer电视版免费下载
365bet赌场官网 卡西利亚斯对西班牙足球的深远影响