Social Share With Web Share API – Good Share

Good Share is a JavaScript library to provide a native social sharing experience using the Web Share API.

It also has a fallback modal for unsupported browsers that enables the user to share your page title, content, and URL on Facebook, Twitter, and Email.

How to use it:

1. Link to the Good Share’s JavaScript and Stylesheet.

<link rel="stylesheet" href="dist/good-share.min.css" />
<script src="dist/good-share.min.js"></script>

2. Create a share button to toggle the social sharing modal.

<button class="good-share">Share It</button>

3. Customize the content to share using the following data attributes:

• data-share-title: custom page title
• data-share-text: custom message to share
• data-share-url: custom URL

<button class="good-share"
        data-share-title="Page Title" 
        data-share-text="Content To Share" 
        data-share-url="https://cssscript.com"
        >
        Share It
</button>

Changelog:

v1.1.1 (08/08/2020)

• Encode special characters