h5怎么做分享到QQ、朋友圈、、微博等功能
已经成为我们⽇常聊天联系基本的必备⼯具,所以⼩菜我⾸先介绍⼀下如何调⽤的分享功能。其实除了可以在上分享到朋友圈和发送给好友,的分享接⼝还提供了分享到QQ和分享到腾讯微博等,就是在页⾯的config接⼝注⼊权限验证配置好就ok!
类似于“分享到朋友圈”按钮点击状态及⾃定义分享内容接⼝,我们调⽤“分享到QQ”和“分享到腾讯微博”按钮点击状态及⾃定义分享内容接⼝。
获取“分享到QQ”按钮点击状态及⾃定义分享内容接⼝
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// ⽤户确认分享后执⾏的回调函数
},
cancel: function () {
// ⽤户取消分享后执⾏的回调函数宋朝是怎么灭亡的
}
});
获取“分享到QQ空间”按钮点击状态及⾃定义分享内容接⼝
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// ⽤户确认分享后执⾏的回调函数
},
cancel: function () {
// ⽤户取消分享后执⾏的回调函数
}
});
获取“分享到腾讯微博”按钮点击状态及⾃定义分享内容接⼝风铃草的花语
title: '', // 分享标题
desc: '', // 分享描述
link: '', // 分享链接
imgUrl: '', // 分享图标
success: function () {
// ⽤户确认分享后执⾏的回调函数
},
cancel: function () {
// ⽤户取消分享后执⾏的回调函数
}
});
以上是调⽤接⼝然后进⾏⾃定义分享。下⾯是关于h5分享到的两个不错的插件。
具体事例可以查看以上⽹址,我这⾥演⽰⼀个简单的例⼦。
使⽤说明:复制并粘贴下⾯的JS代码,放到您的⽹页,可以在和的之间⽹页的任意位置放置。如果您的⽹站使⽤的模板,您也可以复制代码到您的模板,按钮将在所有⽹页⾃动出现。
<!-- JiaThis Button BEGIN --><div id="ckepop">
洗发水的品牌<span class="jiathis_txt">分享到:</span>
<a class="jiathis_button_weixin"></a>
<a href="www.jiathis/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="v3.jiathis/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= 'bdimg.share.baidu/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];
如果想要查看更多的分享格式,可以查看原⽹址。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论