admin管理员组文章数量:1646328
####前端H5各种qq,微博,fb,whatsapp等网页分享的链接(我用到过的,一点点汇总)
代码链接如下:
<a href = "https://sns.qzone.qq/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息" target="_blank">QQ空间</a>
<a href = "http://connect.qq/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述" target="_blank">QQ好友</a>
<a href = "http://service.weibo/share/share.php?url=你的分享网址&sharesource=weibo&title=你的分享标题&pic=你的分享图片&appkey=你的key，需要在新浪微博开放平台中申请" target="_blank">新浪</a>
<a href = "sms:?body=android分享的内容 " target="_blank"></a>
<a href = "sms:&body=ios分享的内容 " target="_blank"></a>
<a href = "whatsapp://send?text=分享的内容 " target="_blank"></a>
<a href = "fb-messenger://share/?link=只能分享一个链接 " target="_blank"></a>
<a href = "https://www.facebook/happyeasygo/" target="_blank">分享到某网站的主页</a>
<a href = "https://twitter/happyeasygo" target="_blank">分享到某网站的主页</a>
<a href = "https://www.instagram/happyeasygo_india/" target="_blank">分享到某网站的主页</a>
<a href = "https://www.youtube/channel/UCBlph2534GSN1PDJH9E5ylg" target="_blank">分享到某网站的主页</a>
<a href = "https://plus.google/+HappyEasyGoIndia" target="_blank">分享到某网站的主页</a>
一键分享代码如下:
参考文档如下 : 传送门
<div class="fl">分享到：</div>
<div onclick="shareTo('qzone')">
<img src="http://zixuephp/static/images/qqzoneshare.png" width="30">
</div>
<div onclick="shareTo('qq')">
<img src="http://zixuephp/static/images/qqshare.png" width="32">
</div>
<div onclick="shareTo('sina')">
<img src="http://zixuephp/static/images/sinaweiboshare.png" width="36">
</div>
<div onclick="shareTo('wechat')">
<img src="http://zixuephp/static/images/wechatshare.png" width="32">
</div>
####js如下:
function shareTo(stype){
var ftit = '';
var flink = '';
var lk = '';
//获取文章标题
ftit = $('.pctitle').text();
//获取网页中内容的第一张图片
flink = $('.pcdetails img').eq(0).attr('src');
if(typeof flink == 'undefined'){
flink='';
}
//当内容中没有图片时，设置分享图片为网站logo
if(flink == ''){
lk = 'http://'+window.location.host+'/static/images/logo.png';
}
//如果是上传的图片则进行绝对路径拼接
if(flink.indexOf('/uploads/') != -1) {
lk = 'http://'+window.location.host+flink;
}
//百度编辑器自带图片获取
if(flink.indexOf('ueditor') != -1){
lk = flink;
}
//qq空间接口的传参
if(stype=='qzone'){
window.open('https://sns.qzone.qq/cgi-bin/qzshare/cgi_qzshare_onekey?url='+document.location.href+'?sharesource=qzone&title='+ftit+'&pics='+lk+'&summary='+document.querySelector('meta[name="description"]').getAttribute('content'));
}
//新浪微博接口的传参
if(stype=='sina'){
window.open('http://service.weibo/share/share.php?url='+document.location.href+'?sharesource=weibo&title='+ftit+'&pic='+lk+'&appkey=2706825840');
}
//qq好友接口的传参
if(stype == 'qq'){
window.open('http://connect.qq/widget/shareqq/index.html?url='+document.location.href+'?sharesource=qzone&title='+ftit+'&pics='+lk+'&summary='+document.querySelector('meta[name="description"]').getAttribute('content')+'&desc=php自学网，一个web开发交流的网站');
}
//生成二维码给微信扫描分享，php生成，也可以用jquery.qrcode.js插件实现二维码生成
if(stype == 'wechat'){
window.open('http://zixuephp/inc/qrcode_img.php?url=http://zixuephp/article-1.html');
}
}
markdown语法的链接,可能不支持新开页面跳转,所以下面的链接点击可能无效.
- 关于 android手机短信分享 语法，参考 [短信android,
- 关于 ios手机短信分享 语法，参考 这儿.
- 关于 whatsapp分享 语法，参考 这儿.
- 关于 messenger分享 语法，参考 这儿.
- 关于 facebook分享 语法，参考 这儿.
- 关于 twitter分享 语法，参考 这儿.
- 关于 instagram分享 语法，参考 这儿.
- 关于 youtube分享 语法，参考 这儿.
- 关于 google分享 语法，参考 这儿.
短信android: sms:?body=encodeURIComponent(‘android分享的内容’)
短信ios: sms:&body=encodeURIComponent(‘ios分享的内容’)
whatsapp: whatsapp://send?text=encodeURIComponent(‘分享的内容’)
messenger: fb-messenger://share/?link=’+encodeURIComponent(‘https://goo.gl/e18H45’)+’&app_id=123456789’
facebook: https://www.facebook/happyeasygo/
twitter: https://twitter/happyeasygo
instagram: https://www.instagram/happyeasygo_india/
youtube: https://www.youtube/channel/UCBlph2534GSN1PDJH9E5ylg
google: https://plus.google/+HappyEasyGoIndia
版权声明：本文标题：前端H5各种qq,微博,fb,whatsapp等网页分享的链接 内容由热心网友自发贡献，该文观点仅代表作者本人， 转载请联系作者并注明出处：https://www.elefans.com/xitong/1729447402a1201541.html， 本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容，一经查实，本站将立刻删除。
发表评论