GithubHelp home page GithubHelp logo

alex61nn5 / easy-social-share-links Goto Github PK

View Code? Open in Web Editor NEW
6.0 2.0 1.0 166 KB

๐Ÿš€ Easily generate share links for Facebook, Twitter, LinkedIn and Email

Home Page: https://easysocialsharelinks.netlify.com/

JavaScript 100.00%
facebook twitter linkedin email share sharelinks social-network social-share social-share-plugin javascript

easy-social-share-links's Introduction

๐Ÿš€ Easy Social Share Links

npm version bundlephobia twitter

Easily generate share links for Facebook, Twitter, LinkedIn and Email!

Demo ๐Ÿ„โ€โ™‚๏ธ

https://easysocialsharelinks.netlify.com/

Features ๐Ÿ”ฅ

  • Less than 2kb! (under 1kb minified)
  • Zero Dependencies
  • Easy to use! ๐Ÿ’ช

Install ๐Ÿ”ฎ

$ npm install easy-social-share-links

or

$ yarn add easy-social-share-links

Usage ๐Ÿ’ป

import shareLink from "easy-social-share-links"

shareLink('fb', 'https://github.com/Alex61NN5/easy-social-share-links');

Input

The method takes 2 arguments with an optional third and fourth.

First argument is the provider, the options are 'fb', 'tw', 'li', 'em'.

fb = facebook
tw = twitter
li = linkedIn
em = email

Second argument is the link you wish to share eg. 'https://github.com/Alex61NN5/easy-social-share-links'

Third argument is optional and will work will all providers except for fb as of writing this facebook does not have a standard way to add text to a share link (if this ever changes please submit a pull request). The third argument is some text that will go before the link in either a tweet or linkedIn share, for em it will become the subject of the email.

Fourth Argument is optional and will only work when using 'em' which is emailBody, this is some text you can write before the link is shared in the email.

Output

Examples:

// Facebook share
shareLink('fb', 'https://github.com');
'https://www.facebook.com/sharer/sharer.php?u=https://github.com'

// Twitter share no text
shareLink('tw', 'https://github.com');
'https://twitter.com/intent/tweet?url=https://github.com'

// Twitter share with text
shareLink('tw', 'https://github.com', 'Check out this awesome site!');
'https://twitter.com/intent/tweet?url=https://github.com&text=Check out this awesome site!'

// LinkedIn share
shareLink('li', 'https://github.com')
'https://www.linkedin.com/shareArticle?mini=true&url=https://github.com'

// email share no subject or body
shareLink('em', 'https://github.com')
'mailto:&body=https://github.com'

// email share with subject
shareLink('em', 'https://github.com', 'Check out this website')
'mailto:?subject=Check out this website&body=https://github.com'

// email share with subject and body
shareLink('em', 'https://github.com', 'Check out this website', 'no really check it out heres the link')
'mailto:?subject=Check out this website&body=no really check it out heres the link https://github.com'

Support ๐Ÿ’ฌ

  • ๐Ÿž For Bug Reports and Enhancements please use the issues section

  • ๐Ÿ•Š๏ธ To contact me directly you can find me via my twitter

easy-social-share-links's People

Contributors

alex61nn5 avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar

Watchers

 avatar  avatar

Forkers

arunavaskar

easy-social-share-links's Issues

v2 Improvements

Version 2 Improvements todo:

  • convert to typescript
  • add reddit links
  • better error handling
  • add tests
  • add rollup config
  • new class structure
  • update README.md

support for reddit

URL for submitting on reddit looks like this

https://www.reddit.com/submit?title=Writing%20Functions&url=https%3A//github.com/Bhupesh-V/til/blob/master/CleanCode/cleancode-writing-functions.md

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.