前端H5各种qq,微博,fb,whatsapp等网页分享的链接

####前端H5各种qq,微博,fb,whatsapp等网页分享的链接(我用到过的,一点点汇总)

代码链接如下:

<a href = "https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=你的网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片&summary=你的分享描述信息" target="_blank">QQ空间</a>
<a href = "http://connect.qq.com/widget/shareqq/index.html?url=你的分享网址&sharesource=qzone&title=你的分享标题&pics=你的分享图片地址&summary=你的分享描述&desc=你的分享简述" target="_blank">QQ好友</a>
<a href = "http://service.weibo.com/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.com/happyeasygo/" target="_blank">分享到某网站的主页</a>
<a href = "https://twitter.com/happyeasygo" target="_blank">分享到某网站的主页</a>
<a href = "https://www.instagram.com/happyeasygo_india/" target="_blank">分享到某网站的主页</a>
<a href = "https://www.youtube.com/channel/UCBlph2534GSN1PDJH9E5ylg" target="_blank">分享到某网站的主页</a>
<a href = "https://plus.google.com/+HappyEasyGoIndia" target="_blank">分享到某网站的主页</a>

一键分享代码如下:

参考文档如下 : 传送门

<div class="fl">分享到：</div>
<div onclick="shareTo('qzone')">     <img src="http://zixuephp.net/static/images/qqzoneshare.png" width="30">
</div>
<div onclick="shareTo('qq')">     <img src="http://zixuephp.net/static/images/qqshare.png" width="32">
</div>
<div onclick="shareTo('sina')">     <img src="http://zixuephp.net/static/images/sinaweiboshare.png" width="36">
</div>
<div onclick="shareTo('wechat')">     <img src="http://zixuephp.net/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='';}//当内容中没有图片时，设置分享图片为网站logoif(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.com/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.com/share/share.php?url='+document.location.href+'?sharesource=weibo&title='+ftit+'&pic='+lk+'&appkey=2706825840');}//qq好友接口的传参if(stype == 'qq'){window.open('http://connect.qq.com/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.net/inc/qrcode_img.php?url=http://zixuephp.net/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.com/happyeasygo/
twitter: https://twitter.com/happyeasygo
instagram: https://www.instagram.com/happyeasygo_india/
youtube: https://www.youtube.com/channel/UCBlph2534GSN1PDJH9E5ylg
google: https://plus.google.com/+HappyEasyGoIndia

前端H5各种qq,微博,fb,whatsapp等网页分享的链接相关推荐

VUE H5页面微信/QQ/微博分享连接设置
VUE H5页面微信/QQ/微博分享连接设置问题想改变分享的标题.副标题.图片以及重定向打开的地址? 解决第一步:在项目控制台里面 npm i -S weixin-js-sdk ( 然后视情况 ...
H5手机页面调起浏览器自带分享功能实例（QQ、UC浏览器微博、微信分享）
H5手机页面调起浏览器自带分享功能实例(QQ.UC浏览器微博.微信分享) HTML: <span class="viewshare wx" data-mshare=" ...
web前端H5培训开发设计师好不好
[兄弟连h5;前端;◆ .24小咨询热线:400-700-1307 QQ:3256649897 ◆学H5前端就找"兄弟连h5培训机构;"◆] web前端H5培训开发设计师好不好?想 ...
thinkphp后台管理系统+vue前端H5 app
thinkphp后台管理系统+vue前端H5 app 众包接单型App 全部源码已发布,欢迎star, 移步码云前言 1.帮朋友做的一个接单类型的后台管理系统(朋友的需求是淘宝好评刷管理) 2.目前 ...
我是如何实现前端H5第一个产品详情页实现的思路及步骤。
今天公司讨论了,接下来,我们为我们的单品网的工作具体任务安排. 由老马来组织召开了三人的简单会议. 会议就在整个开放的大办公室里(40-50人)进行,我,老马,老卢,坐在一个小圆桌上,开始了我们的会议 ...
网页分享到微信、微博、QQ空间、百度贴吧等
1.首先说明的是,pc端微信分享只能通过二维码来分享. 2.下面是js代码. //分享到新浪微博function shareToSinaWB(event){event.preventDefault() ...
想学好前端 H5 CSS3 的小朋友们康康我~
嗨喽,各位亲爱的 CSDN 小伙伴们,欢迎来到实力至上主义的教室(简单为喜欢的动漫打个小广告). 以下呢是我对前端 H5 & CSS3 常用知识点历时两个多月的倾心整理,内容简练,通俗易懂(比 ...
Erphplogin Pro 连接QQ/微博/微信登录/弹窗登录 WordPress插件
Erphplogin Pro是一款由模板兔开发的wordpress网站用户通过QQ.微博.微信扫码以及弹窗来进行登录的wordpress中文插件.微信登录的接口是微信开发者平台的接口,扫码登录. 本插 ...
h5 默认为移动端页面_20条移动前端H5页面开发规范，h5开发必看文档
这是根据腾讯最新公布的<移动页面用户行为报告>来给大家分享的关于移动端H5页面开发一些20条规范和准则.里面大概包含了16种用户操作习惯和注意点. 下面25学堂跟大家先分享一张关于2016 ...

前端H5各种qq,微博,fb,whatsapp等网页分享的链接

####前端H5各种qq,微博,fb,whatsapp等网页分享的链接(我用到过的,一点点汇总)

一键分享代码如下:

前端H5各种qq,微博,fb,whatsapp等网页分享的链接相关推荐

最新文章

热门文章