A simple javascript file to include social sharing buttons via a single container element in HTML
This script will handle the fetching of the gigya code, but expects to find jQuery on your page. It won't complain if not found, just fail silently after polling for a while.
Gigya requires an API key, and this implementation assumes you want
to host your own sharing icons at a specified location,
"#{settings.ICON_BASE_URL}/#{size}/#{service_name}.png"
.
The output of the build process will be a script configured for both of those
variables, as supplied in settings.coffee
.
- Make sure you have Node.js and NPM
- Check this repo out to a local working copy
- Run
npm install
from within that folder - Run
cp settings.coffee.example settings.coffee
(and fill out the 2 variables) - Run
cake build
<div class="share-buttons"
data-gigya="auto"
data-services="twitter, twitter-tweet, facebook, reddit"
data-options="linkBack=http%3A%2F%2Fsunlightfoundation.com&title=The%20Sunlight%20Foundation"
data-twitter-tweet-options="defaultText=Check%20out%20Sunlight's%20new%20social%20media%20buttons!&countURL=http%3A%2F%2Fwww.sunlightfoundation.com">
</div>
...
<script src="http://path/to/scripts/gigya.min.js"></script>
Put the .js or .min.js file on your server and include as in the example above.
You can also manually trigger (or re-trigger) button rendering by:
- Setting data-gigya to something other than 'auto'
- Sending an event with data-gigya's value to the element