Nowadays, social media sharing is the mostly required for any web projects. Some advantages of the social media sharing are
There are so many free and easy-to-implement services out there. But all those social sharing plugins are used lot of JavaScript which is increase page load time. So, if you want to customize social sharing button as per your project theme and load page faster, then it will be a good idea to use social share buttons with custom links.
In this short article, we’ll provide custom social share links for some popular social media. Using those links you can create social share button for web page URL sharing without JavaScript.
https://www.facebook.com/sharer.php?u=[EncodedURL]
https://twitter.com/share?text=[TITLE]&url=[URL]
https://www.linkedin.com/shareArticle?mini=true&url=[EncodedURL]
https://www.stumbleupon.com/badge/?url=[URL]
https://pinterest.com/pin/create/button/?url=[EncodedURL]&media=[MEDIA]
https://www.reddit.com/submit?url=[EncodedURL]
mailto:?subject=[SUBJECT]&body=Check out this site [URL]
https://api.whatsapp.com/send?text=[TITLE+URL]
Insert the above custom social share links into the href
attribute of <a> tag. The social share anchor links would be like the below.
<a href="[CustomSocialShareLink]" target="_blank" rel="nofollow">[Social Media Share Text/Image]</a>
If you want to open the share URL on the new window like a popup, JavaScript is required. Make it easy, we’ve created a JavaScript function called genericSocialShare()
. genericSocialShare()
method takes the custom social share URL and open it in the new window like a popup.
JavaScript
<script type="text/javascript"> function genericSocialShare(url){ window.open(url,'sharer','toolbar=0,status=0,width=648,height=395'); return true; } </script>
HTML
<a href="javascript:void(0)" onclick="javascript:genericSocialShare('[CustomSocialShareLink]')">[Social Media Share Text/Image]</a>
Do you want to get implementation help, or enhance the functionality of this script? Click here to Submit Service Request
Nice tutorial
Hello,
I want to purchase your script but I need to ask something before that.
1) I want to implement the telegram share code.
2) I want to implement the Whatsapp share code.
Please let me know if you can help me.
Thanks in advance.
Hi,
I need to share banner o telegram. So can you provide the demo for telegram
Thanks
Really superb…. How I can add WhatsApp custom share link ?
Dear Sir,
I gone through your code for create custom social share button but I am not able to understand how I will implement in my website. Kindly guide me.
I want to video share just like youtube does. Please let me I will possible to my website? If yes then let me know. I will purchase your script in any time.
Thanks
Kishor
please update social media streaming/social wall integration tutorials for website…
thanks
like u said to encode the pinterest media url what is the website available to encode it
Use this online tool to encode the social media URL – URL Encode and Decode Online Tool
HI, Thanks for the tutorials, How can I do this for a Laravel 5.1 website, I tried to encoded the Url but there is nothing on the internet about this. Can you help me please.