Social Share Links with Custom Icons
Solution 1
Social link URL’s
https://twitter.com/intent/tweet?text=[TEXT]
http://www.facebook.com/share.php?u=[URL]&title=[TITLE]
StumbleUpon
http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]
Delicious
http://del.icio.us/post?url=[URL]&title=[TITLE]]¬es=[DESCRIPTION]
http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]
Technorati
http://technorati.com/faves?add=[URL]&title=[TITLE]
Tumblr
http://www.tumblr.com/share?v=3&u=[URL]&t=[TITLE]
http://www.reddit.com/submit?url=[URL]&title=[TITLE]
Google Bookmarks
http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]
Evernote
http://www.evernote.com/clip.action?url=[URL]&title=[TITLE]
Solution 2
Just a quick update on these links, here's a link for Google+
https://plus.google.com/share?url=[URL]
Now, if you want those links to open in a new window, just add this javascript code after the href's:
onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"
This javascript code works with Twitter, Google+ and Facebook (maybe some other, but I haven't tested any other social networks).
Example for WordPress:
<a href="https://plus.google.com/share?url=<?php the_permalink(); ?>" onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;">Here you can add text, image, whatever.</a>
Solution 3
The solution suggested by Grzegorz is deprecated and it's not really the best way to do it. For Facebook, you just need to load the JS SDK ( https://developers.facebook.com/docs/reference/javascript/ ) and call the UI feed method on click on your custom button. More details on the UI method: https://developers.facebook.com/docs/reference/javascript/FB.ui/
For Twitter: https://dev.twitter.com/docs/tweet-button#build-your-own
You will have other options for LinkedIn, Google+, etc. but I don't know them from the top of my head and not sure if of all them offer alternatives.
Keep searching, you probably just didn't dig deep enough, it took me 2 minutes to find the link for Twitter :)
Solution 4
Your required social media custom share links are provided below.
http://www.facebook.com/sharer.php?u=[EncodedURL]
http://twitter.com/share?text=[TITLE]&url=[URL]
Google +
https://plus.google.com/share?url=[EncodedURL]
http://www.linkedin.com/shareArticle?mini=true&url=[EncodedURL]
http://pinterest.com/pin/create/button/?url=[EncodedURL]&media={[MEDIA]}&description=[TITLE]
You can find some other social media custom URL links and implementation guide from here - How to Create Custom Social Share Links
Solution 5
For Facebook sharing you can simply add this link to any object:
<a href="http://www.facebook.com/sharer.php?u=<url to share>
&t=<title of content>">link or image</a>
For the rest: Sorry, but I cannot help you.
bigmadwolf
A long time lover of bright lights, loud noises, and shiny magic boxes. An uncomfortable generalist, serial entrepreneur, free thinker, and fullstack tinkerer, I love design, code, writing, speaking and more than anything else learning. Beyond that, or as a formal student of marketing and business management, I'm interested and passionate about film, food, music, installation art, and travel.
Updated on July 05, 2022Comments
-
bigmadwolf almost 2 years
I'm looking for any solid current information on creating custom share icons for the following.
- Google +
All the documentation I keep getting to seems to be about using THEIR social like / share buttons - which most of the time I think are not very appealing. Things like socialite.js help to deal with some of the other issues that arrise when using the "native" like / share buttons (sorry not sure what else to call them), but they're not very pretty to be honest.
Any reference material / tutorials or guidance would be awesome.
Cheers.
-
bigmadwolf almost 12 yearsthanks, can you point me in the direction of any documentation regarding this ?
-
bigmadwolf almost 12 yearsnice, will keep looking, didn't come across that twitter link myself but part of why I'm posting this question is for exactly the kind of info you mentioned regarding the depreciated link - collective wisdom FTW.
-
Andrew Barber over 11 yearsThat's not what was being asked for; OP was asking for information on creating "custom share icons".
-
bigmadwolf over 11 years@Andrew, while you're kind of correct, these links are the direct links one would use or would have used with custom icons, THOUGH, as has been discussed below, at least the facebook link shown above is already depreciated, and Google Buzz? do they even still run Google Buzz ? lol.
-
Awlad Liton over 11 yearsHi @Baskaran , please send me google plus services url please.
-
Baskaran over 11 years@AwladLiton
code
<a href="plus.google.com/share?url={URL}" onclick="javascript:window.open(this.href, '', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"><img src="gstatic.com/images/icons/gplus-64.png" alt="Share on Google+"/></a>code
-
Baskaran over 11 years@AwladLiton For reference developers.google.com/+/web/share
-
Anidhya Ahuja over 10 years@Baskaran thank you for all the links together. however can you pls tell me how to open them up in a popup window..should i create my own using javascript?
-
lharby over 10 yearsI believe this code is cut and paste from the web, and also what is the solution in terms of technology (php, javascript etc).
-
bigmadwolf almost 10 yearsthese are just straight basic anchor tag links which si what I was after, I originally had some concerns as facebooks sharer.php was marked as deprecated, but testing this recently I have found that it still works just fine.
-
bigmadwolf almost 10 yearsoriginally down voted this as that link is marked for deprecation but some time on now it still works just fine.
-
Dex almost 10 yearsBe sure the url parameters are fully escaped. Tumblr is the only one I've come across so far that won't work otherwise.
-
Igor Jerosimić over 9 yearsWebsite with up to date share links for Facebook, Twitter, Google+, LinkedIn and Pinterest: sharelinkgenerator.com
-
Meg over 9 yearsHere's a website with how to integrate these urls with your theme, in case you're using WordPress: atlchris.com/1665/…
-
Suneel Kumar over 8 yearsReally nice, it helped me.
-
Yonn Trimoreau almost 8 yearsThank you very much.. Really appreciated <3
-
Marcio almost 6 years@Baskaran Any idea how to make work with a URL that contains # hashtag? Like domain.com/#hero ??
-
HoldOffHunger about 4 years2020, APRIL UPDATE: This no longer works, try it out yourself: linkedin.com/… If you want well-maintained URL's, try out a github project.