与自定义图标的社交分享链接

我正在寻找关于为以下创build自定义共享图标的最新信息。

• Facebook的
• 推特
• Google +
• LinkedIn
• Pinterest的

我所收到的所有文件似乎都是关于使用他们的社交像/分享button – 大多数时候我觉得这不是很吸引人。 像socialite.js这样的东西有助于处理使用“原生”/分享button时出现的其他一些问题（抱歉，不知道还有什么可以称呼它们），但实际上它们并不是很漂亮。

任何参考资料/教程或指导将是非常棒的。

干杯。

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（也许还有其他一些，但是我没有testing任何其他的社交networking）。

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

Grzegorzbuild议的解决scheme已被弃用，这并不是真正的最佳方式。 对于Facebook，您只需要加载JS SDK（ https://developers.facebook.com/docs/reference/javascript/ ），然后在点击您的自定义button时调用UI提要方法。 有关UI方法的更多详细信息： https ： //developers.facebook.com/docs/reference/javascript/FB.ui/

对于Twitter： https ： //dev.twitter.com/docs/tweet-button#build-yourown

您还可以selectLinkedIn，Google+等其他选项，但是我从头到尾不知道这些选项，不确定是否提供其他选项。

继续search，你可能只是没有深入挖掘，花了2分钟findTwitter的链接:)

Answer 4

下面提供了您所需的社交媒体自定义分享链接。

Facebook的

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

推特

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

Google +

 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] 

您可以从这里find一些其他社交媒体自定义url链接和实施指南 – 如何创build自定义社交分享链接

Answer 5

对于Facebook共享，您可以简单地将此链接添加到任何对象：

 <a href="http://www.facebook.com/sharer.php?u=<url to share> &t=<title of content>">link or image</a> 

其余的：对不起，但我帮不了你。

Answer 6

为了自定义button以及来自不同社交networking和url共享服务的共享数量 ，您可以使用代理服务器。 社交button服务器Meddelare正是这么做的（仅供参考，我是Meddelare的开发者）。

Meddelare ：这是一种开源和自主托pipe的方式，可以共享诸如AddThis和ShareThis等服务。 由于您自己运行代理服务器，因此您也会针对社交networking的跟踪捍卫用户的隐私。 一旦用户决定点击一个分享button，用户只会select进入他们的追踪 – 绝不会因为他们访问了您的网页而隐含的。

有几个版本：一个独立的服务器 ， 用于Express.js服务器的中间件以及一个用于完全自定义解决scheme的独立后端 。

请参阅Meddelare关于从服务器获得的JSON / JSONP以及脚本用法的示例 。

Answer 7

这是我在php的facebook解决scheme。 猜猜你可以做其他社交networkingsimular。

 function customFShare() { $like_results = @file_get_contents('http://graph.facebook.com/'. get_permalink()); $like_array = json_decode($like_results, true); return (isset($like_array['shares']) ) ? $like_array['shares'] : "0"; } function fShareButton() { return "<a data-share='http://www.facebook.com/sharer/sharer.php?u=". $your_url_here ."' href='#' rel='nofollow'><i>Icon</i> <span>". customFShare() ."</span></a>"; } 

HTML

 <div class="facebook-share"> <?php echo fShareButton(); ?> </div> 

JQuery的

 jQuery(document).on("click",".facebook-share > a", function (e) { e.preventDefault(); var winHeight = 350, winWidth = 520, winTop = (screen.height / 2) - (winHeight / 2), winLeft = (screen.width / 2) - (winWidth / 2), link = $(this).data('share'); window.open(link, 'sharer', 'top=' + winTop + ',left=' + winLeft + ',toolbar=0,status=0,width=' + winWidth + ',height=' + winHeight); }); 

你会得到很好的facebookbutton，图标和计数器。

Answer 8

Twitter链接格式http://twitter.com/home?status=%5BTITLE%5D+%5BURL%5D已弃用，不再适用于Twitter iOS应用。

改为使用

 https://twitter.com/intent/tweet?text=[TITLE]+[URL] 

来源： https ： //dev.twitter.com/web/tweet-button

Answer 9

这里没有一个答案似乎真正回答了OP的问题。 所以这是我的尝试：

许多社交networking实际上提供了如何使用他们的标志，共享图标和其他链接的指导方针 。 有些人在这个问题上比其他人更灵活。

当然，在大多数情况下，他们不会很适合你的devise，你可能想用自己的主题/网站颜色来定制它们。

“做你自己的风险”可能是你会得到的最好的答案。

我不是律师（所以这不是法律build议！），但是从我在不同的文章中可以看到的，一些网站销售的图标集与定制的社交networking标志被要求从他们的产品列表中删除。

Facebook，Twitter或任何其他社交networking公司都不会起诉你（尽pipe他们可能）为你的个人博客或网站定制图标/标志，但是如果你想要覆盖自己，你可能要考虑遵循他们的准则

以下是一些社交networking品牌指南的链接：

• Facebook： https ： //www.facebookbrand.com/
• Twitter： https ： //about.twitter.com/company/brand-assets
• Google+： https ： //developers.google.com/+/branding-guidelines
• StumbleUpon： http : //www.stumbleupon.com/press/stumbleupon-image-use-guidelines
• 好吃： http : //delicious.com/branding
• LinkedIn： https : //brand.linkedin.com/
• Tumblr： https : //www.tumblr.com/logo
• Reddit： https ： //www.reddit.com/about/alien/
• 等等

您可以在网上search“[品牌名称]品牌指南” ，为几乎每个社交networkingfind这些指南。

以上信息的一些来源，如果你想阅读更多：

• http://www.evolvecreativegroup.com/the-secretly-strict-brand-guidelines-of-social-media/
• https://www.quora.com/Internet-Law-Is-it-legal-to-alter-Facebook-and-Tw​​itter-icons-to-match-the-rest-of-your-website
• https://webmasters.stackexchange.com/questions/54499/putting-altered-social-media-logo-icons-on-my-website-can-i-get-sued
• http://www.kgshultz.com/using-modified-social-media-icons/
• https://www.nosegraze.com/allowed-use-modified-social-media-icons/

希望这可以帮助。