Social sharing buttons without JavaScript

Most social sharing widgets load third-party JavaScript for something a normal link can do. If page weight and privacy matter, link directly to each service’s sharing URL and style the anchor like a button.

Replace the uppercase placeholders with URL-encoded values from the current page. Encoding matters when a title or URL contains spaces, ampersands, or other reserved characters.

Twitter

<a href="https://twitter.com/intent/tweet?url=YOUR-URL&text=YOUR-TITLE&via=YOUR-TWITTERHANDLE">Twitter</a>

Facebook

<a href="https://facebook.com/sharer/sharer.php?u=YOUR-URL">Facebook</a>

LinkedIn

<a href="http://www.linkedin.com/shareArticle?mini=true&url=YOUR-URL&title=YOUR-TITLE&summary=YOUR-SUMMARY">LinkedIn</a>

Pinterest

<a href="http://pinterest.com/pin/create/button/?url=YOUR-URL&media=YOUR-IMAGE-URL&description=YOUR-DESCRIPTION">Pinterest</a>

Reddit

<a href="http://www.reddit.com/submit?url=YOUR-URL&title=YOUR-TITLE" target="_blank" title="Share on Reddit">Reddit</a>

Pinboard

<a href="https://pinboard.in/popup_login/?url=YOUR-URL&title=YOUR-TITLE" target="_blank" title="Share on Pinboard">Pinboard</a>

E-mail

<a href="mailto:?subject=SUBJECT&body=:BODY" target="_blank" title="Email">E-mail</a>

VKontakte

<a href="https://vk.com/share.php?url=YOUR-URL" target="_blank">VK</a>

These links avoid third-party scripts, but clicking one still sends the visitor to that service. I would include only the networks the site’s readers actually use; a long row of every possible button quickly becomes clutter.

← Back to all articles