Socialight

Get Social Network Share Counts with Vanilla JS

What is it?

Socialight get Social Network Share Counts on demand. Specify the url and social networks to display counters, the rest is magic. Demo.

And Twitter?

Twitter removed share counts, please, read here.

Getting Started

# Get the latest snapshot
$ git clone [email protected]:pinceladasdaweb/Socialight.git

How to use?

In HTML, set the element that will be displayed counters, an example can be seen below:

<div data-socialight-url='YOUR-URL' data-socialight-title='YOUR-TITLE' data-socialight-text='YOUR-TEXT' data-socialight-image='YOUR-IMAGE' data-socialight-channels='["facebook", "twitter" "googleplus", "linkedin", "buffer", "pinterest"]'></div>

Socialight is a Vanilla JS plugin with no dependencies. Include the socialight.min.js before your </body> tag and initialise it:

<script src="path/to/socialight.min.js"></script>
<script>
    new Socialight();
</script>

Loading Socialight via AMD (require.js):

<script>
require(["path/to/socialight.min.js"], function(Socialight) {
    new Socialight();
});
</script>

Options

The script expect the following attributes in the html tag:

| Value | Description | | ---------------------------------- |:-----------------------------------------------------------:| | data-socialight-url | The URL to share and get share counts | | data-socialight-title | The title to share | | data-socialight-text | The description link to share | | data-socialight-image | The image url to share | | data-socialight-channels | Social networks to display share counts |

Supported services

Socialight support the following services: Facebook, Twitter, Google+, Linkedin, Pinterest and Buffer

##Browser Support

| | | | --- | --- | --- | --- | --- | IE 9+ ✔ | Latest ✔ | Latest ✔ | Latest ✔ | Latest ✔ |

Contributing

Check CONTRIBUTING.md for more information.

History

Check Releases for detailed changelog.

License

MIT