goodshare.js
Advanced tools
Useful modern JavaScript solution for share a link from your website to social networks or mobile messengers.
Useful
jQuery pluginmodern JavaScript solution for share a link from your website to social networks or mobile messengers. Easy to install and configuring on any of your website!
Simple install, extensive documentation, developer support, SEO friendly, small bundle size (gzipped size: 4.5 Kb), many options for customization of appearance, clean code without scripts tracking user activity on the page, high speed.
Install via npm:
$ npm install goodshare.js --save
Or include from jsDelivr CDN:
<script src="https://cdn.jsdelivr.net/npm/goodshare.js@6/goodshare.min.js"></script>
Script works with any HTML tags: <a> or <div> or <button> or other.
So you can choose any and add required attributes
data-social.
For example:
<!-- Create button with share to Twitter -->
<button data-social="twitter">Share this to Twitter</button>
<!-- Create link with share to Facebook -->
<a href="#" data-social="facebook">Share this to Facebook</a>
<!-- Create div container with share to LinkedIn -->
<div data-social="linkedin">Share this to LinkedIn</div>
<!-- Create icon from Fontello.com with share to Google+ -->
<i class="icon-google-plus" data-social="googleplus"></i>
By default, goodshare.js search this tags for get title, description and image (for some social networks):
<head>
<title>Current page title</title>
<meta name="description" content="Current page description.">
<link rel="apple-touch-icon" href="http://example.com/path/to/image.png">
...
</head>
If you want to add different url, title, description and image to share element — use special data-* attributes:
data-url redefines document.location.hrefdata-title redefines document.titledata-description redefines meta[name="description"]data-image redefines link[rel="apple-touch-icon"]Note: Please keep in mind, not all social networks support all of them data attributes!
If you want to dynamically update the data that will be used for share. You can call a method Goodshare.reNewAllInstance() that will update data in goodshare providers instance and update EventListeners.
Note: For example, you have a widget to share content that generates images for sharing based on selected items or other user actions.
// Update all data
// Goodshare instance expose in window._goodshare by default
window._goodshare.reNewAllInstance();
To display share count, just add data-counter attribute to HTML element that will contain numbers. For example:
<!-- Create link with share to Facebook and counter -->
<a href="#" data-social="facebook">
Share this to Facebook
<span data-counter="facebook"></span>
</a>
You also may put this attribute to any element.
Simply calls the handler when the hooking window is closed. Look more at Issue #57
window._goodshare.setShareCallback(function() {
console.log(arguments);
// some logic for handling share events
});
4.x, no longer support the old goodshare.js version (3.2.9 and lower). Thank you jQuery, but ES6 is better and cleaner.4.x, goodshare.js do not support Microsoft Internet Explorer 8 and older.5.2.0, goodshare.js drop support Webpack 3 and now bundled with Rollup.js. It saved over ~55 Kb of bundle size! Wow!6.0.0, goodshare.js have two versions: with (./goodshare.polyfill.min.js) and without (./goodshare.min.js) Array Polyfill.6.0.2, goodshare.js drop ./goodshare.polyfill.min.js and separated Array Polyfill from ./src/polyfills.6.0.3, goodshare.js only support: MSIE 11+, Edge 13+, Google Chrome 59+ and FireFox 50+.Development and maintenance engaged by Vic Shóstak (aka Koddr).
If you want to say «thank you» and/or ask me about goodshare.js — create new issue.
Your assistance will help make project even better!
Thanks for supporting!
FAQs
Useful modern JavaScript solution for share a link from your website to social networks or mobile messengers.
The npm package goodshare.js receives a total of 195 weekly downloads. As such, goodshare.js popularity was classified as not popular.
We found that goodshare.js demonstrated a not healthy version release cadence and project activity because the last version was released a year ago. It has 1 open source maintainer collaborating on the project.
Did you know?
Socket for GitHub automatically highlights issues in each pull request and monitors the health of all your open source dependencies. Discover the contents of your packages and block harmful activity before you install or update your dependencies.
Security News
Create React App is officially deprecated due to React 19 issues and lack of maintenance—developers should switch to Vite or other modern alternatives.
Security News
Oracle seeks to dismiss fraud claims in the JavaScript trademark dispute, delaying the case and avoiding questions about its right to the name.
Security News
The Linux Foundation is warning open source developers that compliance with global sanctions is mandatory, highlighting legal risks and restrictions on contributions.