JavaScript | Function For Native Sharing on Mobile and Desktop

share.js

const _share = (url,title,text)=>{
    // Check if native share is supported
    if(navigator.share){
        navigator.share({
            url,
            title,
            text
        })
        .then(()=>{
            // Analytics event for share
        })
        .catch((error)=>{
            // Sentry error
        });
    }
    else{
        // Fallback to a 3rd party share
    }
}

This allows users to share your blog/page via their systems default sharing options.

It works excellent on mobile devices as users can share via WhatsApp, copy link, email, Social Media etc. via their native apps.

This is not a replacement to tools like Addthis and not all browsers supports this but it gives a familiar sharing experience to user.

One should always implement a fallback mechanism in case the browser doesn't support this.

I am personally using this on my Personal website and have received positive response from users.