Web Share API Tutorial - Native Sharing is Easy!

-- Hey all! Today, I'm going to show you how to set up native sharing for your sites / apps, along with a fallback solution for those with devices that don't support it. It will involve some HTML, CSS and most importantly: JavaScript! Don't worry though, it's pretty easy stuff!

Let's get started!

- - - - - - - - - - - - - - - - - - - - - -

Subscribe for NEW VIDEOS!

^-Chat with me and others

- - - - - - - - - - - - - - - - - - - - - -

Come to my discord server or add me on social media and say Hi!

[DesignCourse]

Enjoy? Sup up and help me get to half a mill!

[mattmccherry]

Nice disembodied floating head... Also, great video, I didn't know about this API :)

[pptdhst]

Why it's not working with files?
I mean that i can share text with url, but i can't share text with url and image

[devKazuto]

If const title and url are called the same as the keys of the passing object you don't really need to set them explicity. navigator.share({title, url}) should be sufficient. At least that's what I've experienced in Javascript.

[stevechong]

Hi Gary! Great stuff! If you develop this into a plugin, I am sure it will sell like hot cakes! I am tired of those online now where it is limited to the network the app sets.

[VmetTeam]

bro i need image sharing can u make video for web share api lv 2 for image sharing without browse

[frikishaan]

👏
Please do some more on Logo design with Illustrator?🙏

[NatadTech]

how can we add a Donate button besides the address bar like Microsoft Edge supports besides the PWA Install?

[TutorialsHub]

Thanks, Simon to share like this source. Now I can add a share button in my article😍

[ninadvirkar]

Thank you . Was looking for something like this api only

[scottmcmahon]

This can only be used in SOME browsers, its good to have set up if the users browser supports it but you'll still need to build your own social sharing method.

[mustafasaseldin]

thanks for this one i was in need for it

[krushnaawate]

Hello I am getting this error - NotAllowedError: The request is not allowed by the user agent or the platform in the current context, possibly because the user denied permission.

[lucasdias]

O meu está compartilhando um texto e eu precisava de compartilhar uma URL, alguém sabe o porque?? O meu está exatamente igual ao dele

[anushkashah]

Can we share image through this api ? If not, does anyone know how to share media (eg .JPEG image, etc) on whatsapp through your website ?

[alikaalbright]

Pls I need help on this I'm using while loop Bt only the first button is working how will it work on all the loops

[OpenJavaScript]

Cool API, but DO NOT USE IN PRODUCTION (It only has limited browser support, for now)

[ThatIsWhatIThink]

Can you make another video of this topic because this package is expired so please make a new video to shear something from web

[soumeshkumar]

Can I get the codepen url for this code !!!

[codebuilders]

thumbs up for unique content, enjoying this great way of learning. thanks alot