社交分享链接与自定义图标[关闭](Social Share Links with Custom Ic

我在找对下列创建自定义图标份额任何固体的最新信息。

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

所有我不断收到该文件似乎是如何使用他们的社会像/共享按钮 - 其中大部分我认为时间不是非常有吸引力。 像socialite.js事情帮助处理一些使用时arrise等问题的“本地”象/共享按钮（抱歉不知道还有什么给他们打电话），但他们不是很漂亮，说实话。

任何参考材料/教程或指导将是真棒。

干杯。

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]

谷歌书签

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，谷歌和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:

通过格热戈日提出的解决方案已被弃用，它不是真正做到这一点的最好办法。 对于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链接和实施指南- 如何创建自定义社交分享链接

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:

为了自定义按钮以及来自不同社交网络和URL共享服务的份额数 ，则可以使用代理服务器。 社交按钮服务器Meddelare正是这样做的（仅供参考，我身后Meddelare开发者）。

Meddelare ：这是一个开源的，自托管的替代共享服务，比如2007-06-18和ShareThis。 因为你运行你自己的代理服务器，你也捍卫你的用户跟踪对社交网络的隐私。 从不隐只是因为他们参观你的网页 - 用户只有一次，他们决定点击分享按钮选择在他们的跟踪。

有好几个版本：一个独立的服务器 ， 中间件为您Express.js服务器和一个单独的完全定制的解决方案后端 。

见Meddelare的例子为JSON / JSONP从服务器加脚本的使用得到。

Answer 7:

这是我在PHP Facebook的解决方案。 猜你可以对其他社交网络做simular。

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);
    });

你将会得到一个图标和计数器漂亮的Facebook按钮。

Answer 8:

Twitter的链接的格式http://twitter.com/home?status=[TITLE]+[URL]已取消，将不再为Twitter的iOS应用工作。

改用

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

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

Answer 9:

这里的答案没有人可以真正回答的问题OP。 因此，这里是我的尝试：

许多社交网络实际上提供了有关如何使用自己的商标，共享图标等各个环节的指导方针 。 有些人比其他人在这个问题上更加灵活。

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

“在你自己的风险，这样做”可能是你将永远得到最好的答案。

我不是律师，（所以这是没有法律咨询！），但是从我可以在不同的文章阅读，一些网站，用定制的社交网络标识销售图标集被要求从自己的产品列表中删除。

很少有机会，Facebook，Twitter或其他社交网络公司告你（虽然他们可能可以）为具有定制的图标/标识为您的个人博客或网站，但如果你想掩盖自己，你可能要考虑跟随他们的指导...

以下是社交网络的品牌准则几个环节：

• 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/
• 等等

您可以在网络上搜索“[名优产品]品牌指南”中找到这些指导方针，几乎每一个社交网络。

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

• 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/

希望这可以帮助。

Answer 10:

一个GitHub库定期更新和重新测试的是一种看上去大约〜50级或60的服务。

https://github.com/bradvin/social-share-urls

这比接受的答案要好得多。 NewsVine，美味，Slashdot的，Ping.fm，等等，今天所有不存在的服务。 此外，一些重要的缺失，Skype公司等。

文章来源: Social Share Links with Custom Icons [closed]