@mogusbi/jquery.share NPM

jQuery Share plugin

Share current page on Facebook, Twitter, Google+ and WhatsApp

Getting started

NPM

Install package with NPM and add it to your dependencies: npm install @mogusbi/jquery.share --save

Introducing it to your page

Include jQuery and the plugin to your page. Ensure you have your canonical and/or short link meta tags present as they will be used to generate the share link. Add the data-share attributes to your button and call the share method.

<!doctype html>
<html>
  <head>
    <link href="http://mogusbi.co.uk" rel="canonical" />
    <link href="http://short.link" rel="shortlink" />
  </head>
  <body>
    <button type="button" data-share="facebook">Facebook</button>
    <button type="button" data-share="twitter">Twitter</button>
    <button type="button" data-share="google-plus">Google+</button>
    <button type="button" data-share="whatsapp">Whatsapp</button>

    <script src="jquery.js"></script>
    <script src="jquery.share.js"></script>
    <script>
      $('[data-share]').share();
    </script>
  </body>
</html>

License

jquery

@infinitebrahmanuniverse/nolb-_mog @everything-registry/sub-chunk-614 @zalastax/nolb-_mog

1.0.1

9 years ago

1.0.0

9 years ago