h5怎么做分享到QQ 、朋友圈、微信 、微博等功能「建议收藏」
2023-06-13 09:13:00 时间
大家好,又见面了,我是你们的朋友全栈君。
微信已经成为我们日常聊天联系基本的必备工具,所以小菜我首先介绍一下如何调用微信的分享功能。其实除了可以在微信上分享到朋友圈和发送给好友,微信的分享接口还提供了分享到QQ和分享到腾讯微博等,就是在页面的config接口注入权限验证配置好就ok!
类似于“分享到朋友圈”按钮点击状态及自定义分享内容接口,我们调用“分享到QQ”和“分享到腾讯微博”按钮点击状态及自定义分享内容接口 。
获取“分享到QQ”按钮点击状态及自定义分享内容接口
wx.onMenuShareQQ({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
获取“分享到QQ空间”按钮点击状态及自定义分享内容接口
wx.onMenuShareQZone({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
获取“分享到腾讯微博”按钮点击状态及自定义分享内容接口
wx.onMenuShareWeibo({
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// 用户确认分享后执行的回调函数
},
cancel: function () {
// 用户取消分享后执行的回调函数
}
});
以上是调用接口然后进行自定义分享。下面是关于h5分享到的两个不错的插件。
一、http://www.jiathis.com/help/html/weixin-share-code
具体事例可以查看以上网址,我这里演示一个简单的例子。
使用说明: 复制并粘贴下面的JS代码,放到您的网页,可以在和的之间网页的任意位置放置。如果您的网站使用的模板,您也可以复制代码到您的模板,按钮将在所有网页自动出现。
<!-- JiaThis Button BEGIN --><div id="ckepop">
<span class="jiathis_txt">分享到:</span>
<a class="jiathis_button_weixin">微信</a>
<a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jiathis_separator jtico jtico_jiathis" target="_blank">更多</a>
<a class="jiathis_counter_style"></a> </div>
<script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1" charset="utf-8"></script>
</div> <!-- JiaThis Button END -->
HTML代码
<div class="bdsharebuttonbox"> <a href="#" class="bds_more" data-cmd="more"></a> <a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a> <a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a> <a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a> <a href="#" class="bds_renren" data-cmd="renren" title="分享到人人网"></a> <a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a> </div>
js代码
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)];
如果想要查看更多的分享格式,可以查看原网址。
发布者:全栈程序员栈长,转载请注明出处:https://javaforall.cn/166390.html原文链接:https://javaforall.cn
相关文章
- python爬取对方qq好友_小白工作室QQ
- QQ密技十五招[通俗易懂]
- ubuntu 安装wine qq教程[通俗易懂]
- 王者qq抽奖皮肤_王者荣耀皮肤生成器
- 99公益日《QQ表情我包了》
- QQ音乐高可用架构体系
- 【新版】使用 go-cqhttp 扫码登录,一键接入 ChatGPT 机器人到 QQ 群
- QQ客服 右侧悬浮JS实现代码详解编程语言
- 版本QQ邮箱开放Linux版本下载(qq邮箱linux)
- 版QQ机器人:Linux版本智能驱动(qq机器人linux)
- 腾讯QQ 6.7 官方正式版发布下载
- QQ来电下载 腾讯来电免费电话官方下载
- Debian 10使用 Wine 安装配置微信、QQ与TIM
- 版Linux系统上使用QQ拼音输入法(qq拼音输入法linux)
- 客户端Linux系统下QQ即时聊天客户端的安装与使用(linux系统下qq)
- 使用QQ音乐无障碍, Linux版带来便携音乐享受(qq音乐linux版)
- 腾讯QQ浏览器在Linux操作系统上的使用(qq浏览器linux)
- 使用Linux打开网页版QQ(linux网页qq)
- QQ在Linux下64位运行极致体验(qqlinux64位)
- QQ在Linux系统的最新版本上线(qq的linux版本)