Social media sharing buttons are essential for any website to encourage users to share your content with their friends and followers. Adding share links to your website can help drive more traffic, increase engagement, and ultimately boost conversions. In this article, we’ll provide a list of URLs that can be added to your website to create share links. Simply replace the tokens with the relevant data and you’ll be good to go.
- Why add Custom Links?
- Code Examples, to Auto-Update the Link, on click.
- List of Social Networks Share URLs
- Telegram
- Tumblr
- Buffer
- Digg
- Mix
- VKontakte (VK)
- Scoop.it
- Slashdot
- Evernote
- Hacker News
- Instapaper
- StumbleUpon (now Mix)
- Diigo
- Delicious
- Meneame
- Plurk
- HubPages
- LiveJournal
- Blogger
- Odnoklassniki
- Yahoo Mail
- Outlook.com
- Google Bookmarks
- Line
- Qzone
- Renren
- Douban
- Baidu
- Conclusion
Why add Custom Links?
Plugins are slow. We can tailor custom code to only the style, and the links you want. Additional performance benefits can be granted by creating custom links that use your theme’s features, such as Bootstrap or jQuery. In addition, sites using Icon Packs like FontAwesome, Ionicons and others may use their libraries to prevent even more code being added to the page.
Code Examples, to Auto-Update the Link, on click.
Here’s a code snippet that you can use to achieve the desired functionality:
document.addEventListener("DOMContentLoaded", function() {
let socialLinks = document.querySelectorAll(".social_link_example");
socialLinks.forEach(link => {
link.addEventListener("click", function(event) {
event.preventDefault();
let dataHref = this.getAttribute("data-href");
let currentUrl = window.location.href;
let pageTitle = document.querySelector("h1").innerText;
let pageDescription = document.querySelector("meta[name='description']").getAttribute("content");
dataHref = dataHref.replace("%url%", encodeURIComponent(currentUrl));
dataHref = dataHref.replace("%title%", encodeURIComponent(pageTitle));
dataHref = dataHref.replace("%description%", encodeURIComponent(pageDescription));
window.open(dataHref, "_blank");
});
});
});
$(document).ready(function() {
let socialLinks = $(".social_link_example");
socialLinks.each(function() {
$(this).on("click", function(event) {
event.preventDefault();
let dataHref = $(this).attr("data-href");
let currentUrl = window.location.href;
let pageTitle = $("h1").text();
let pageDescription = $("meta[name='description']").attr("content");
dataHref = dataHref.replace("%url%", encodeURIComponent(currentUrl));
dataHref = dataHref.replace("%title%", encodeURIComponent(pageTitle));
dataHref = dataHref.replace("%description%", encodeURIComponent(pageDescription));
window.open(dataHref, "_blank");
});
});
});
document.addEventListener("DOMContentLoaded", function() {
let socialLinks: NodeListOf<HTMLElement> = document.querySelectorAll(".social_link_example");
socialLinks.forEach((link: HTMLElement) => {
link.addEventListener("click", function(event: MouseEvent) {
event.preventDefault();
let dataHref: string | null = this.getAttribute("data-href");
let currentUrl: string = window.location.href;
let pageTitle: string = document.querySelector("h1")!.innerText;
let pageDescription: string = document.querySelector("meta[name='description']")!.getAttribute("content")!;
if (dataHref) {
dataHref = dataHref.replace("%url%", encodeURIComponent(currentUrl));
dataHref = dataHref.replace("%title%", encodeURIComponent(pageTitle));
dataHref = dataHref.replace("%description%", encodeURIComponent(pageDescription));
window.open(dataHref, "_blank");
}
});
});
});
This code will add a click event listener to all elements with the class .social_link_example
. When clicked, it replaces the tokens %url%
, %title%
, and %description%
in the data-href
attribute with the current page URL, the text of the first <h1>
element on the page, and the content of the page’s meta description, respectively. Finally, it opens the share link in a new browser window.
You can customize this code to match your website’s structure and add more tokens if needed. Make sure to include this code within your HTML file or include it as an external script.
List of Social Networks Share URLs
https://www.facebook.com/sharer/sharer.php?u=%url%
Replace %url% with the URL of the content you want to share.
https://www.linkedin.com/shareArticle?mini=true&url=%url%&title=%title%&summary=%summary%&source=%source%
Replace %url% with the URL of the content, %title% with the title of the article, %summary% with a brief summary, and %source% with the source of the content (e.g., your website name).
https://pinterest.com/pin/create/button/?url=%url%&media=%media%&description=%description%
Replace %url% with the URL of the content, %media% with the image URL, and %description% with a brief description of the content.
https://twitter.com/intent/tweet?url=%url%&text=%text%&via=%username%&hashtags=%hashtags%
Replace %url% with the URL of the content, %text% with the tweet text, %username% with your Twitter handle, and %hashtags% with any relevant hashtags (separated by commas).
https://www.reddit.com/submit?url=%url%&title=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
https://api.whatsapp.com/send?text=%text% %url%
Replace %url% with the URL of the content and %text% with a brief message or description.
Telegram
https://telegram.me/share/url?url=%url%&text=%text%
Replace %url% with the URL of the content and %text% with a brief message or description.
Tumblr
https://www.tumblr.com/widgets/share/tool?canonicalUrl=%url%&title=%title%&caption=%caption%&tags=%tags%
Replace %url% with the URL of the content, %title% with the title of the article, %caption% with a brief caption, and %tags% with relevant tags (separated by commas).
mailto:?subject=%subject%&body=%body%%0A%url%
Replace %subject% with the email subject, %body% with the email body, and %url% with the URL of the content.
https://getpocket.com/save?url=%url%&title=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
Buffer
https://buffer.com/add?text=%text%&url=%url%
Replace %text% with the pre-filled text for the post and %url% with the URL of the content.
Digg
https://digg.com/submit?url=%url%&title=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
Mix
https://mix.com/add?url=%url%
Replace %url% with the URL of the content.
VKontakte (VK)
https://vk.com/share.php?url=%url%&title=%title%&description=%description%&image=%image%&noparse=true
Replace %url% with the URL of the content, %title% with the title of the article, %description% with a brief description, and %image% with the image URL.
https://www.xing.com/spi/shares/new?url=%url%
Replace %url% with the URL of the content.
Scoop.it
https://www.scoop.it/bookmarklet?url=%url%&title=%title%¬e=%note%
Replace %url% with the URL of the content, %title% with the title of the article, and %note% with a brief note or comment.
Slashdot
https://slashdot.org/bookmark.pl?url=%url%&title=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
Evernote
https://www.evernote.com/clip.action?url=%url%&title=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
Hacker News
https://news.ycombinator.com/submitlink?u=%url%&t=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
https://share.flipboard.com/bookmarklet/popout?url=%url%&title=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
Instapaper
https://www.instapaper.com/edit?url=%url%&title=%title%&description=%description%
Replace %url% with the URL of the content, %title% with the title of the article, and %description% with a brief description.
StumbleUpon (now Mix)
http://www.stumbleupon.com/submit?url=%url%&title=%title%
Replace %url% with the URL of the content and %title% with the title of the article. Note: StumbleUpon has rebranded as Mix, but the share link can still be used for sharing content.
Diigo
https://www.diigo.com/post?url=%url%&title=%title%&description=%description%
Replace %url% with the URL of the content, %title% with the title of the article, and %description% with a brief description.
Delicious
https://del.icio.us/save?url=%url%&title=%title%¬es=%notes%
Replace %url% with the URL of the content, %title% with the title of the article, and %notes% with any additional notes.
Meneame
https://www.meneame.net/submit.php?url=%url%
Replace %url% with the URL of the content.
Plurk
https://www.plurk.com/m?qualifier=shares&status=%url%
Replace %url% with the URL of the content.
HubPages
http://hubpages.com/submit?url=%url%&title=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
LiveJournal
http://www.livejournal.com/update.bml?event=%url%&subject=%title%
Replace %url% with the URL of the content and %title% with the title of the article.
Blogger
https://www.blogger.com/blog-this.g?u=%url%&n=%title%&t=%description%
Replace %url% with the URL of the content, %title% with the title of the article, and %description% with a brief description.
Odnoklassniki
https://connect.ok.ru/dk?st.cmd=WidgetSharePreview&st.shareUrl=%url%
Replace %url% with the URL of the content.
Yahoo Mail
http://compose.mail.yahoo.com/?body=%url%
Replace %url% with the URL of the content.
Outlook.com
https://outlook.live.com/owa/?path=/mail/action/compose&body=%url%
Replace %url% with the URL of the content.
Google Bookmarks
https://www.google.com/bookmarks/mark?op=add&bkmk=%url%&title=%title%&annotation=%description%
Replace %url% with the URL of the content, %title% with the title of the article, and %description% with a brief description.
Line
https://social-plugins.line.me/lineit/share?url=%url%
Replace %url% with the URL of the content.
Qzone
https://sns.qzone.qq.com/cgi-bin/qzshare/cgi_qzshare_onekey?url=%url%&title=%title%&desc=%description%&summary=&site=
Replace %url% with the URL of the content, %title% with the title of the article, and %description% with a brief description.
Renren
http://widget.renren.com/dialog/share?resourceUrl=%url%&srcUrl=%url%&title=%title%&description=%description%
Replace %url% with the URL of the content, %title% with the title of the article, and %description% with a brief description.
Douban
https://www.douban.com/share/service?href=%url%&name=%title%&text=%description%
Replace %url% with the URL of the content, %title% with the title of the article, and %description% with a brief description.
http://service.weibo.com/share/share.php?url=%url%&title=%title%&pic=&appkey=
Replace %url% with the URL of the content and %title% with the title of the article.
Baidu
http://cang.baidu.com/do/add?it=%title%&iu=%url%&fr=ien#nw=1
Replace %url% with the URL of the content and %title% with the title of the article.
Conclusion
Adding social media share links to your website can significantly increase your online presence and reach. By using the URLs provided above and replacing the tokens with your content’s specific details, you can create customized share links for your website. Ensure that you test the links to guarantee they function properly, and watch your content gain traction on social media platforms.