社交共享链接自定义图标

Question

我正在寻找有关为以下内容创建自定义共享图标的任何可靠的当前信息.

• Facebook的
• 推特
• 谷歌+
• LinkedIn
• Pinterest的

我一直在使用的所有文档似乎都是关于使用他们的社交类似/共享按钮 - 我认为大部分时间都不是很吸引人.像socialite.js这样的东西有助于处理在使用"原生"喜欢/分享按钮时出现的一些其他问题(抱歉不知道还有什么可以称之为),但说实话它们并不是很漂亮.

任何参考材料/教程或指导都会很棒.

干杯.

Answer 1

下面,我将为您提供各种服务URL

推特

http://twitter.com/home?status=[TITLE]+[URL]

掘客

http://www.digg.com/submit?phase=2&url=[URL]&title=[TITLE]

Facebook的

http://www.facebook.com/share.php?u=[URL]&title=[TITLE]

偶然发现

http://www.stumbleupon.com/submit?url=[URL]&title=[TITLE]

美味的

http://del.icio.us/post?url=[URL]&title=[TITLE]]&notes=[DESCRIPTION]

LinkedIn

http://www.linkedin.com/shareArticle?mini=true&url=[URL]&title=[TITLE]&source=[SOURCE/DOMAIN]

Slashdot的

http://slashdot.org/bookmark.pl?url=[URL]&title=[TITLE]

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书签

http://www.google.com/bookmarks/mark?op=edit&bkmk=[URL]&title=[title]&annotation=[DESCRIPTION]

Newsvine

http://www.newsvine.com/_tools/seed&save?u=[URL]&h=[TITLE]

Ping.fm

http://ping.fm/ref/?link=[URL]&title=[TITLE]&body=[DESCRIPTION]

Evernote的

http://www.evernote.com/clip.action?url=[URL]&title=[TITLE]

Google+的

https://plus.google.com/share?url=[URL]

Answer 2

只需快速更新这些链接,这里就是Google+的链接

https://plus.google.com/share?url=[URL]

现在,如果您希望在新窗口中打开这些链接,只需在href之后添加此javascript代码:

onclick="javascript:window.open(this.href,'', 'menubar=no,toolbar=no,resizable=yes,scrollbars=yes,height=600,width=600');return false;"

这个javascript代码适用于Twitter,Google +和Facebook(可能还有其他一些,但我没有测试任何其他社交网络).

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>

Answer 3

Grzegorz建议的解决方案已被弃用,并不是最好的方法.对于Facebook,您只需加载JS SDK(https://developers.facebook.com/docs/reference/javascript/)并在单击自定义按钮时调用UI提要方法.有关UI方法的更多详细信息:https://developers.facebook.com/docs/reference/javascript/FB.ui/

对于Twitter:https://dev.twitter.com/docs/tweet-button#build-your-own

你还可以为LinkedIn,Google +等提供其他选择,但我不了解它们,也不确定它们是否提供替代品.

继续搜索,你可能只是没有深入挖掘,我花了2分钟找到Twitter的链接:)

Answer 4

您需要的社交媒体自定义共享链接如下.

Facebook的

http://www.facebook.com/sharer.php?u=[EncodedURL]

推特

http://twitter.com/share?text=[TITLE]&url=[URL]

谷歌+

https://plus.google.com/share?url=[EncodedURL]

LinkedIn

http://www.linkedin.com/shareArticle?mini=true&url=[EncodedURL]

Pinterest的

http://pinterest.com/pin/create/button/?url=[EncodedURL]&media={[MEDIA]}&description=[TITLE]

您可以从此处找到一些其他社交媒体自定义URL链接和实施指南 - 如何创建自定义社交共享链接