Skip to content
A simple and easy-to-use social share tool.
JavaScript
Find file
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Failed to load latest commit information.
assets
examples
src
tests
tools
.gitignore
MIT-license.txt
Makefile
README.md
package.json
share.js
share.min.js

README.md

Social Share

A simple and easy-to-use social share tool. It can be used in both browser and nodejs.


First of all, view the example.

How to use

Html

<script src="share.min.js"></script>
<a data-service="twitter">twitter</a>
<a data-service="facebook">facebook</a>

Javascript

var list = document.getElementsByTagName('a');
Share.init(list, {
    title: 'share it',
    url: 'https://github.com/popomore/social-share'
});

Find the DOM and bind event, popup the window and redirect to the service when DOM is clicked.

data-service must be specified. See Support service

DATA-API

<a data-service="twitter" data-title="share twitter">twitter</a>

DATA-API is higher priority than options, then the share content will be "share twitter".

Parameter

  • title - share content
  • url - share url
  • pic - share picture

However, not all of the services support these parameter, view the defference.

Support service

Icon Service website
sina http://weibo.com/
douban http://www.douban.com/
kaixin http://www.kaixin001.com/
netease http://t.163.com/
qq_t http://t.qq.com/
qq_zone http://qzone.qq.com/
renren http://renren.com/
sohu http://t.sohu.com/
facebook http://www.facebook.com/
twitter http://twitter.com/

The difference between services

Add new service

Edit src/parser.js, and add service url which just support three parameter(title, url, pic).

jQuery support

If you use jQuery, it's easy to use.

$('selector').share({
    title:'share it'
});

jQuery Example

Node.js support

Install social-share by npm

$ npm install social-share

Just use it

var share = require('social-share');
var url = share('twitter', {
    title:'share it'
});

If you use express, you can

app.get('/redirect', function(req, res) {
    var url = share(req.query.service, req.query);
    res.redirect(url);
});

You can clone the repo to view the example.

$ git clone https://github.com/popomore/social-share.git
$ make server

View http://127.0.0.1:3000/

Something went wrong with that request. Please try again.