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 git@github.com: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