带有自定义图标的社交共享链接[关闭]

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

• 脸书
• 推特
• Google +
• 领英
• Pinterest的

我一直接触到的所有文档似乎都是关于使用他们的社交“赞/分享”按钮的-我认为大多数情况下这并不是很吸引人。诸如socialite.js之类的内容有助于解决使用“本地”之类的“ /共享”按钮时引起的其他一些问题（对不起，还不确定该如何称呼它们），但是说实话，它们并不是很漂亮。

任何参考资料/教程或指南都很棒。

干杯。

下面，我将为您提供各种服务的网址

推特

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

掘客

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

脸书

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]

领英

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]

Reddit

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

Google书签

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

新闻藤

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

平

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

印象笔记

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

Google+

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

只需快速更新这些链接，以下是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>

Grzegorz建议的解决方案已被弃用，它并不是真正的最佳解决方案。对于Facebook，您只需要加载JS SDK（https://developers.facebook.com/docs/reference/javascript/），然后单击自定义按钮调用UI feed方法。有关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的链接:)

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

脸书

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]

Pinterest的

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

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

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

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

剩下的：对不起，但是我不能帮助您。

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

Meddelare：这是共享服务（例如AddThis和ShareThis）的开源和自托管替代方案。因为您自己运行代理服务器，所以您还可以针对社交网络的跟踪捍卫用户的隐私。用户只有在决定单击“共享”按钮后才选择加入其跟踪-绝不会仅仅因为他们访问了您的页面而隐含地进行跟踪。

有几种版本：独立服务器，Express.js服务器的中间件和用于完全自定义解决方案的单独后端。

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

社交分享网址〜在Github上！

定期更新和重新测试的github存储库，其中列出了大约50或60个服务。

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

这比公认的答案要好得多。NewsVine，Delicious，Slashdot，Ping.fm等都是今天不存在的服务。另外，Skype等也缺少一些重要的功能。

这是我在php中针对Facebook的解决方案。猜猜您可以为其他社交网络做模拟。

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按钮。

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

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

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

当然，在大多数情况下，它们不能很好地适合您的设计，您可能希望使用自己的主题/网站颜色进行自定义。

“自担风险”可能是您将获得的最佳答案。

我不是律师（因此这不是法律建议！），但是根据我在其他文章中可以读到的内容，某些出售带有自定义社交网络徽标的图标集的网站被要求从其产品列表中删除。

Facebook，Twitter或任何其他社交网络公司几乎不可能起诉您（尽管他们可能会）为您的个人博客或网站自定义其图标/徽标，但如果您想掩饰自己，则可能要考虑遵循他们的准则...

以下是指向社交网络品牌准则的一些链接：

• 面子书：https : //www.facebookbrand.com/
• 推特：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/
• 等等

您可以在网络上搜索“ [brandname]品牌指南”，以找到几乎每个社交网络的指南。

如果您想阅读更多有关上述信息的资料：

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

希望这可以帮助。