How to Create Custom Social Share Links

Abhigyan Singh 28th Sep 2020

Nowadays, custom social share links Almost all blogging sites have the option to share their article on social media. It is the best option for increasing website or article reach. It increases user impression and helps to add a new user which is related to the article category. You would not believe there are a lot of websites in which traffics comes from social sites. Social media are playing a very big role to increase audience and reach. Today we are going to tell you how you can add custom social share links on your website or web application in some minute. All social sites provide plugin to share information on their sites because this way a user can share information with many people. It also reduces the cost of your product which you spend in marketing to promote any product.

There are many benefits to share information on social media as shown below:

1. Very fast way to viral any information.
2. Millions of people active daily on social sites.
3. Best platforms to share any information.
4. It can make popular to anyone within one night.

Now Let’s see step by step that how can we achieve this thing or add in websites or web applications. First, create file index.html and add the below code with some changes as we are telling here:

1. Put your Facebook page link in place of Facebook URL as shown in the given anchor tag:

<a href="https://www.facebook.com/sharer.php?u=Facebook-URL " target="_blank" title="Facebook Share"><img src="images/fb.png"></a>

2. Put your Google plus link in place of Google-plus-URL as shown in the given anchor tag:

<a href="https://plus.google.com/share?url=Google-plus-URL " target="_blank" title="Google Plus Share"><img src="images/gp.png"></a>

​3. Put your Twitter URL link in place of Twitter-URL and add some text in place of Some text as shown in the given anchor tag:

<a href="https://twitter.com/share?text=Some-Text &url=Twitter-URL " target="_blank" title="Twitter Share"><img src="images/tw.png"></a>

4. Put your LinkedIn URL link in place of LinkedIn URL as shown in the given anchor tag:

<a href="https://www.linkedin.com/shareArticle?mini=true&url= Linkedin-URL " target="_blank" title="LinkedIn Share"><img src="images/in.png"></a>

5. Put your Pinterest URL link in place of LinkedIn URL as shown in the given anchor tag:

<a href="https://pinterest.com/pin/create/button/?url= Pinterest-URL &media= " target="_blank" title="Pinterest Share"><img src="images/pin.png"></a>

6. Put your Stumble upon URL link in place of LinkedIn URL as shown in the given anchor tag:

<a href="https://www.stumbleupon.com/badge/?url= Stumble-upon URL " target="_blank" title="StumbleUpon Share"><img src="images/su.png"></a>

7. Add some JavaScript code at the bottom as shown below:
Run index.html file will work all social sites link still have any doubt Please feel free to comment below.

Authored By Abhigyan Singh

He is a continuous blogger and has blogged on different topic. He loves to surf Internet and always trying to get new Idea about new Technology and Innovations and sharing these great information to all the technology lovers.

Also on DiscussDesk