• 全都有综合资源网

    分享赚钱

    一个专业的免费资源网

    每天更新100+优质资源

  • 手机版二维码

    随时手机查素材

  • 扫描二维码

    加入官方微信群

怎么一键分享到QQ好友、新浪微博、QQ空间、微信代码?

技术文章 每日更新
2024-7-17 16:19 89人浏览 0人回复
原作者: 全都有综合资源网 来自: 全都有综合资源网 收藏 分享 邀请
摘要

通过 qzone、 QQ Chat、新浪微博和微信二维码共享平台提供的界面,可以用 javascript 获取网页中图像、标题和描述的相应信息参数,然后传入界面,一键共享。使用到的接口(测试时需要登录,网址和图片必须是公网的, ...

  经过 qzone、 QQ Chat、新浪微博和微信二维码同享平台供给的界面,可以用 javascript 获得网页中图像、题目和描写的响应信息参数,然后传入界面,一键同享。

利用到的接口(测试时需要登录,网址和图片必须是公网的,不能localhost,QQ图片不能太宽,太宽题目描写会undefiend):

 

怎样一键分享到QQ好友、新浪微博、QQ空间、微信代码?4125 作者:全都有综合资本网 来历:全都有综合资本网 公布时候:2024-7-17 16:19

1.分享到QQ空间接口:

https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey

?url=你的网址

&sharesource=qzone

&title=你的分享题目

&pics=你的分享图片

&summary=你的分享描写信息

 

2.分享给QQ好友接口:

 

http://connect.qq.com/widget/shareqq/index.HTML

?url=你的分享网址

&sharesource=qzone

&title=你的分享题目

&pics=你的分享图片地址

&summary=你的分享描写

&desc=你的分享简述

3.分享到新浪微博接口:

http://service.weibo.com/share/share.php

?url=你的分享网址

&sharesource=weibo

&title=你的分享题目

&pic=你的分享图片

&appkey=你的key需要在新浪微博开放平台中申请

一键分享代码参考以下:

layui-box layui-code-view" style="margin-top: 0px; margin-bottom: 10px; padding: 9.5px; -webkit-tap-highlight-color: rgba(0, 0, 0, 0); white-space: pre-wrap; overflow-wrap: break-word; box-sizing: border-box; position: relative; font-size: 13px; border: 1px solid rgb(204, 204, 204); background-color: rgb(245, 245, 245); color: rgb(51, 51, 51); font-family: Menlo, Monaco, Consolas, "Courier New", monospace; overflow: auto; line-height: 1.42857; word-break: break-all; border-radius: 4px;">

code

  1. <div>分享到:</div> 
  2. <div onclick="shareTo('qzone')">     
  3.     <img src=".png" width="32"> 
  4. </div> 
  5. <div onclick="shareTo('qq')">     
  6.     <img src=".png" width="32"> 
  7. </div> 
  8. <div onclick="shareTo('sina')">     
  9.     <img src=".png" width="32"> 
  10. </div> 
  11. <div onclick="shareTo('wechat')">     
  12.     <img src="" width="32"> 
  13. </div>

code

  1. function shareTo(types){
  2.  
  3.     var title,imageUrl,url,description,keywords;
  4.  
  5.     //获得文章题目
  6.     title = document.title;
  7.  
  8.     //获得网页中内容的第一张图片地址作为分享图
  9.     //imageUrl = document.images[0].src;
  10.     imageUrl = document.getElementById("pcdetails").getElementsByTagName("img")[0];
  11.     //当内容中没有图片时,设备分享图片为网站logo
  12.     if(typeof imageUrl == 'undefined'){
  13.         imageUrl = 'https://'+window.location.host+'/static/images/logo.png';
  14.     } else {
  15.         imageUrl = imageUrl.src;
  16.     }
  17.  
  18.     //获得当前网页url
  19.     url = document.location.href;
  20.  
  21.     //获得网页描写
  22.     description = document.querySelector('meta[name="description"]').getAttribute('content');
  23.  
  24.     //获得网页关键字
  25.     keywords = document.querySelector('meta[name="keywords"]').getAttribute('content');
  26.  
  27.     //qq空间接口的传参
  28.     if(types=='qzone'){
  29.         window.open('https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url='+url+'&sharesource=qzone&title='+title+'&pics='+imageUrl+'&summary='+description);
  30.     }
  31.     //新浪微博接口的传参
  32.     if(types=='sina'){
  33.         window.open('http://service.weibo.com/share/share.php?url='+url+'&sharesource=weibo&title='+title+'&pic='+imageUrl+'&appkey=2706825840');
  34.     }
  35.     //qq好友接口的传参
  36.     if(types == 'qq'){
  37.         window.open('http://connect.qq.com/widget/shareqq/index.html?url='+url+'&sharesource=qzone&title='+title+'&pics='+imageUrl+'&summary='+description+'&desc='+keywords);
  38.     }
  39.     
  40.     
  41. }

利用说明:

                纯js利用时id改成自己站点的id挑选器来获得。假如调试不成功,可以尝试本站中的分享功用,分享时会翻开新窗口,那条链接是终极要分享的,已经拼接好的参数链接,可以复制停止比对参考。


©版权免责声明
1、本站所有资源均来自用户上传及互联网。 如有侵权,请联系站长!
2、分享目的仅供大家学习交流。 下载后必须在24小时内删除!
3、不得用于非法商业目的或违反国家法律。 否则,后果自负!
4、本站提供的源代码、模板、插件等资源不包含技术服务。 敬请谅解!
5.如果出现无法下载、无效或有广告的链接,请联系管理员寻求帮助!
6、本站资源价格仅用于赞助,所收取的费用仅用于维持本站日常运营!
7、如果遇到加密压缩包,请使用WINRAR解压。 如果遇到无法解压的加密压缩包,请联系管理员!
8、由于精力有限,很多源代码无法详细测试(解密),部分源代码无法区分为病毒或误报,所以没有进行修改。 请在使用前进行筛选。

路过

雷人

握手

鲜花

鸡蛋
热门教程
专业的免费源码资源分享平台
每天更新100+资源

招募版主发工资

  • 官方在线客服

    QQ客服:红颜

    点击交谈

    在线客服:良子

    点击交谈

    在线客服:闵月

    点击交谈
  • 上海市虹口区海伦中心B座4F4055-4056室

  • 手机扫码查看手机版

    手机查找资源更方便

  • 扫一扫关注官方微信公众号

    加入官方微信

一个专业的免费源码资源互联网分享平台 ©2001-2024 https://www.douyouvip.com全都有综合资源网( 豫ICP备2024057239号-1 )赞助会员|网站地图 HTML
全都有综合资源网,WordPress主题PHP源码,PHP网站源码,网站模板,软件源码,网站源码免费下载,免费网站源码,网站源码模板,免费网站源码下载,wp免费源码,wp免费主题下载,PHP企业网站源码,软件源码下载