Social sharing buttons for Domodule.
npm install social-share-buttonor
yarn add social-share-button<body>
<a data-module="SocialShareButton"
data-module-text="No water in mars yet"
data-module-tags="not,awesome"
data-module-via="NASA"
data-module-base-url="https://firstandthird.com/"
data-module-net="twitter">Share on Twitter custom all</a>
</body>import 'social-share-button';It supports the following sharing methods:
- Email:
email - GPlus:
gplus - LinkedIn:
linkedin - Facebook:
facebook - Twitter:
twitter - Pinterest:
pinterest - Reddit:
reddit
They're controlled with the data-module-net option.
All of the networks have a way to set the sharing url which is controlled via the data-module-base-url attribute. Should data-module-relative appear on the element, the URL would be based on the current one.
| Option | Default | Description |
|---|---|---|
subject |
document.title |
Email's subject. |
body |
Check this out #url |
Note that #url will be replaced with shareUrl |
| Option | Default | Description |
|---|---|---|
text |
N/A | Linkedin's post text. |
title |
N/A | Linkedin's post title. |
| Option | Default | Description |
|---|---|---|
text |
<meta property="twi:text" content=""> content's value |
Twitter's post text. |
tags |
<meta property="twi:hashtag" content=""> content's value |
Hashtags |
via |
<meta property="twi:author" content=""> content's value |
Twitter's author |
Have in mind that facebook needs OG tags for the post to be formatted correctly.
| Option | Default | Description |
|---|---|---|
tag |
N/A | Post's tags. |
text |
N/A | Post's text. Note that due to facebook limitation's this is seen as a byline rather than as text. |
| Option | Default | Description |
|---|---|---|
title |
N/A | Pin title |
media |
<meta property="og:image" content=""> content's value |
Pin image |
| Option | Default | Description |
|---|---|---|
title |
N/A | Reddit post title. |
A First+Third Project