过去几年中社交媒体越来越流行了,能够分享音乐、视频、图像甚至是其他的 docs 文档到互联网上去,这样子还能够提高页面的点击量。通常,一些社交媒体插件都能允许你的用户分享你网站上的内容到其他的社交平台,比如说这些社交平台 上:Facebook, Google, Twitter, Pinterest等等。
这里我们选择了 15 款最好的 jQuery 社交分享插件。只需要少量的代码,即可将它们轻松的集成到你的网站上,并且能够帮助你的访问者分享网站上的内容。好好享受它们来带的便利吧!!
1. iShare
iShare 是一款令人惊诧的 jquery 分享和书签插件。它有许多功能,比如说支持分享到社交网站,支持 shortcode,可选择激活分享到哪些社交网站,另外还有其他许多可自定义的功能。
2. jsSocials
jsSocials 是一个简单的社交网络分享 jQuery 插件。它灵活多变且易于扩展。可视外观可自定义(自己配置)。同时提供了几套主题供开发者选择。如果有必要的话,也能够不支持分享到任何社交网络。
3. Pongstagr.am
Pongstagr.am 是一个 jQuery 插件,通过使用引导前端样式和模态插件,在你的网站上展示 Instagram 多媒体。
4. SocialShare.js
SocialShare.js 是一款 jQuery 插件,能够提供更多可控的社交分享按钮。你想设置样式的时候,不用担心会影响到 javascript 的执行。
5. jQuery Awesome Sosmed Share Button
一个用来创建社交媒体分享的 jQuery 插件。且能够计算分享次数。
6. Social Cards
Social cards 是一个 jquery 插件,它配备了四个分享卡片,包括:Facebook, Twitter, Google Plus, Pinterest, LinkedIn 和入职到粘贴板部件。它最出彩的地方是单击后才会加载脚本,所以你不用担心社交部件的性能瓶颈。当然,你能够轻松的本地化此插件。
7. CS Buttons
CSButtons 是一个能够创建分享按钮并统计分享次数的 jQuery 插件,分享按钮包括以下网站:Facebook, Twitter, Google Plus, Linkedin, Pinterest.
8. Cool Social Buttons
Cool Social Buttons 是一款能够添加分享按钮到你的网站且不会降低网站加载速度的 jQuery 插件。它易于使用、且支持自定义。这个插件支持分享到以下网站:Twitter, Facebook, Google+, Tumblrand Pinterest.
9. jQuery PrettySocial
jQuery prettySocial 是用于 Pinterest, Twitter, Facebook 和 Google Plus 的自定义分享按钮。
10. Ridiculously Responsive Social Sharing Buttons
RRSSB 是响应式社交分享按钮插件,通过修改几个变量,你可以轻松的自定义 RRSSB 插件。SVGs 考虑到极小的文件大小,且支持 retina 视网膜屏幕显示。
11. Easy Video Sharing Script
Easy Video Sharing Script (EVSS) 允许你只使用 URLs 即可嵌入视频。只要复制和粘贴视频页面的 URL,你就能在文本区间嵌入视频,且 EVSS 可以一直工作。最重要的一点是 EVSS 不会再次加载页面,因为有 AJAX 在后端加载页面。
12. HideShare
HideShare 是一个社交分享插件,能够插入社交分享链接。允许共享任何链接或图像的当前页面。但是它需要安装字体和 CSS。
13. Pimax
Pimax displays 能够从你的 Picasa / Google+ 专辑中显示照片库。你账户中的公开专辑能够展示在你的网站中。只要你添加添加片到你的 Google+ 账户的公开相册中,那么在你的网站中也会显示这些公开照片。
14. FloatShare
floatShare 是一个免费的 jQuery 插件,能够允许你网站的访问者分享的网站内容到社交网络平台上。floatShare 还能显示摘要,并统计‘分享' 和 ‘喜欢'的总数。
15. jQuery Social Share Buttons
这是 15 款插件中的压轴插件,使用它之后,你可以添加任何社交网站按钮——而且,还不需要 PHP 的支持哦!!!
分享十五款 jQuery 社交网络分享插件
- Author -
mdxy-dxy声明:登载此文出于传递更多信息之目的,并不意味着赞同其观点或证实其描述。
Reply on: @reply_date@
@reply_contents@