微博qq空间等社交分享插件(代码片段)

小明同学 小明同学     2022-12-01     377

关键词:

项目中需要用到社交分享功能,于是找到了这个插件

social-share.js是一款一键转发工具,它可以一键分享到微博、QQ空间、QQ好友、微信、腾讯微博、豆瓣、Facebook、Twitter、Linkedin、Google+、点点等社交网站,使用字体图标。

安装方式:

1.使用 cdnjs,引入 share.min.css 与 social-share.min.js 两个链接就好

<!-- 引入依赖 -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/css/share.min.css">
<script src="https://cdnjs.cloudflare.com/ajax/libs/social-share.js/1.0.16/js/social-share.min.js"></script>
<!--// 当你使用类名为 `social-share` 时不需要手动初始化-->
<div class="social-share"></div>

2.使用 npm

npm install social-share.js

3.使用 bower

bower install social-share.js

 4.下载到本地引入,除了share.min.css 与 social-share.min.js ,还有字体文件。可点击这里下载

 

效果演示

自定义配置

url                 : \'\', // 网址,默认使用 window.location.href
source              : \'\', // 来源(QQ空间会用到), 默认读取head标签:<meta name="site" content="http://overtrue" />
title               : \'\', // 标题,默认读取 document.title 或者 <meta name="title" content="share.js" />
origin              : \'\', // 分享 @ 相关 twitter 账号
description         : \'\', // 描述, 默认读取head标签:<meta name="description" content="PHP弱类型的实现原理分析" />
image               : \'\', // 图片, 默认取网页中第一个img标签
sites               : [\'qzone\', \'qq\', \'weibo\',\'wechat\', \'douban\'], // 启用的站点
disabled            : [\'google\', \'facebook\', \'twitter\'], // 禁用的站点
wechatQrcodeTitle   : \'微信扫一扫:分享\', // 微信二维码提示文字
wechatQrcodeHelper  : \'<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>\'

示例代码:

var $config = 
    title               : \'234\',
    description         : \'123\',
    wechatQrcodeTitle   : "微信扫一扫:分享", // 微信二维码提示文字
    wechatQrcodeHelper  : \'<p>微信里点“发现”,扫一下</p><p>二维码便可将本文分享至朋友圈。</p>\',
;

socialShare(\'.social-share-cs\', $config);

以上选项均可通过标签 data-xxx 来设置:

驼峰转为中横线,如wechatQrcodeHelper 的data标签为data-wechat-qrcode-helper

 

更多内容可以去他们官网查看,官网地址如下:

cdnjs : https://cdnjs.com/libraries/social-share.js
github : https://github.com/overtrue/share.js

 

将内容分享到社交平台

分享到微信微博QQ空间JS代码大全将优质内容分享到社交平台,让更多用户了解,目前已经成为网站,App,微信公众号等必备的功能,本文搜集了常见的分享js代码,供查阅参考。1.分享到微信,易信分享到微信,易信比较简单,... 查看详情

移动端分享插件使用总结(代码片段)

...可分享的媒体也非常多,当然最常用的需求无非也就新浪微博、QQ空间、QQ好友、微信朋友圈、微信好友,其他什么乱七八糟的人人网、猫扑、豆瓣就不多做考虑了,插件内的更多选项列出来有20多个。。。既然插件功能已经这么... 查看详情

qq空间新浪微博腾讯微博等一键分享

百度分享:http://share.baidu.com/code博客链接:http://www.cnblogs.com/buhuixiedaima/p/5062680.html  <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><title>Title&l 查看详情

自己动手写js分享插件(qq空间,微信,新浪微博。。。)

参考博客:http://blog.csdn.net/libin_1/article/details/52424340下载链接:http://download.csdn.net/detail/cometwo/9620943 查看详情

全球社交网站排名?

...QQ用户的网上家园。QQ空间官网:http://qzone.qq.com/4、新浪微博新浪微博是全中国最主流、最具人气、当前最火爆的微博产品,是一个由新浪网推出,提供微型博客服务类的社交网站。新浪微博官网:http://weibo.com/5、TwitterTwitter是一... 查看详情

wordpress连接微博插件

WordPress连接微博专业版是wordpress功能最为完善的微博/SNS等社交网络拓展插件。除了基本的社交帐号登录网站,同步文章、评论功能外,还包括微博评论回推到网站,文章同步到其他博客等。使用该插件,您的网站可以直接对接... 查看详情

flutter分享功能ios端利用mobtech的sharesdk进行分享支持分享到微信微信小程序网页qq微博等主流平台(代码片段)

...hareSDK进行分享支持分享到微信、微信小程序、网页、qq、微博等主流平台1.先在MobTech官网注册获取一系列参数2.在控制台配置相关参数3.在项目中进行配置这里简单的项目配置毕竟容易然后需要配置ios专属配置在Info.plist里的一些... 查看详情

qq微博微信朋友圈一键分享(代码片段)

〝古人学问遗无力,少壮功夫老始成〞平时在做项目时,经常要用到分享功能,而且因为现在平台很多,导致分享需要经常去翻阅各种平台的分享代码,其实网上也有很多插件将各种平台的分享代码进行了封... 查看详情

php[将产品与社交共享插件集成]将社交共享插件与woocommerce集成-分享此功能(代码片段)

查看详情

php[将产品与社交共享插件集成]将社交共享插件与woocommerce集成-分享此功能(代码片段)

查看详情

php[将产品与社交共享插件集成]将社交共享插件与woocommerce集成-分享此功能(代码片段)

查看详情

网站pc端分享qq好友,空间,微博

...体验。故,仿照移动端添加自动分享到QQ好友,QQ空间,QQ微博的功能。分享到QQ好友:http://connect.qq.com/widget/shareqq/index.html?url=分享后跳转链接&title=网站的名称分享到QQ空间:http://s 查看详情

app分享之微信微博等各个社交平台的分享授权规则和常见问题

一、新浪微博分享规则新浪微博支持分享类型:应用内分享也就是网页分享支持: 文字,文字+图片,要分享链接需要链接添加在text里分享客户端分享支持:文字,图片,文字+图片,图片+文字+链接参数说明:text:不能超过... 查看详情

分享到微信微博空间等第三方平台的js代码

分享功能有利于传播更多优质的内容,所以在web项目中也是比较常用的。今天就抽空整理下常用的分享平台的JS代码。这些代码可以在对应平台的官方网站上生成,官网上对分享内容的参数也有详尽说明。这里只对常用的几个参... 查看详情

社会化分享(代码片段)

...功能,可以将看到的新闻、博客、广告等内容分享到微博、微信、QQ、空间等,为了拉取用户,提高应用的DAU,一般应用都有分享功能。下面咱们从苹果官方自带分享说起:其实从iOS6.0开始苹果官方就内置了Sco... 查看详情

云展网教程|工具栏上的社交分享按钮使用说明

...的翻页电子书的时候,就可以一键点击分享翻页电子书到微博/微信/QQ空间等社交分享平台,实现友好互动以及获得更多的读者用户群。读者分享杂志的时候,他当前翻开的是哪一页(比如他当前翻开的是第10页),分享出去的书... 查看详情

分享到qq空间和新浪微博功能

分享到QQ空间http://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=http://campus.51job.com/cmbnt/?pageid_1&;title=xxxx2018校园招聘&;desc=xxxx&;summary=xxxxx&;site=xxxxx  分享到新浪微博<aid= 查看详情

我想要把用户在文本框填写的内容分享到新浪微博、腾讯微博、qq空间、人人网,js代码是怎样的?求帮助

参考技术A 像这种功能,一般都使用第三方提供的服务,比如:谷歌地图。 参考技术B可以使用百度分享组件,配置简单,可定制性强,还可以统计用户的分享记录。地址:http://share.baidu.com/ 查看详情