TimeMagazine / social-microshare

Customizable social media buttons for microsharing

Social Microshare Buttons

v0.0.8

Customizable social media buttons for microsharing content on Twitter, Facebook, LinkedIn and Pinterest, compiled with Browserify.

First, install this repo as a Node module:

npm install TimeMagazine/social-microshare

import { microshare } from './lib/social-microshare'

const tw = social.twitter();
const li = social.linkedin();
const pn = social.pinterest();
const fb = social.facebook(_your_facebook_app_id_);

You can either make your own buttons or use the ones in the template.html, which include some styling;

Custom share example

const element = document.querySelector("#fbbutton");
element.addEventListener("click", function() {
	fb.share({
		title: "I got Carmela on this @TIME quiz!",
		description: "See which member of the Sopranos you are.",
		image: "https://upload.wikimedia.org/wikipedia/en/2/25/CarmelaSoprano.jpg"
		link: "http://time.com/sopranosquiz" // not a real thing
	});
});

Every social function takes a title argument and an optional link argument. The URL to the page will automatically be used for link if none is otherwise provided. Facebook and LinkedIn can take a description field as well while Facebook and Pinterest require an image argument as a URL.