Facebook 带有自定义图标的社交共享链接
我正在寻找关于为以下内容创建自定义共享图标的任何可靠的最新信息Facebook 带有自定义图标的社交共享链接,facebook,twitter,linkedin,google-plus,pinterest,Facebook,Twitter,Linkedin,Google Plus,Pinterest,我正在寻找关于为以下内容创建自定义共享图标的任何可靠的最新信息 脸谱网 推特 谷歌+ LinkedIn 品特烈 我一直接触到的所有文档似乎都是关于使用他们的社交类/共享按钮的——我认为大多数时候这些按钮都不是很吸引人。像socialite.js这样的东西有助于处理在使用“原生”like/share按钮时出现的一些其他问题(抱歉,不知道还能叫它们什么),但老实说,它们不是很漂亮 任何参考资料/教程或指导都会很棒 干杯。对于Facebook共享,您只需将此链接添加到任何对象: <a hre
- 脸谱网
- 推特
- 谷歌+
- 品特烈
干杯。对于Facebook共享,您只需将此链接添加到任何对象:
<a href="http://www.facebook.com/sharer.php?u=<url to share>
&t=<title of content>">link or image</a>
对于其他人:对不起,我帮不了你。Grzegorz建议的解决方案不受欢迎,而且这并不是最好的解决方法。对于Facebook,您只需要加载JSSDK()并在单击自定义按钮时调用UI提要方法。有关UI方法的更多详细信息: 对于Twitter: 对于LinkedIn、Google+等,你还有其他选择,但我不知道它们是什么,也不确定它们是否都有其他选择
继续搜索,你可能只是挖得不够深,我花了2分钟才找到Twitter的链接:)下面,我将为你提供各种服务URL的 推特
http://twitter.com/home?status=[TITLE]+[URL]
迪格
脸谱网
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]]¬es=[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]
泰诺拉蒂
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]
新闻藤
http://www.newsvine.com/_tools/seed&save?u=[URL]&h=[TITLE]
Ping.fm
http://ping.fm/ref/?link=[URL]&title=[TITLE]&body=[DESCRIPTION]
埃弗诺特
http://www.evernote.com/clip.action?url=[URL]&title=[TITLE]
谷歌+
https://plus.google.com/share?url=[URL]
只是这些链接的快速更新,这里有一个谷歌的链接+
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>
为了自定义按钮以及来自不同社交网络和url共享服务的共享计数,您可以使用代理服务器。社交按钮服务器正是这样做的(仅供参考,我是Meddelare的开发者) :这是一个开源和自托管的替代共享服务,如AddThis和ShareThis。因为你自己运行代理服务器,你也在保护你用户的隐私,防止社交网络的跟踪。用户只有在决定单击共享按钮后才选择加入他们的跟踪,而不是仅仅因为他们访问了您的页面就隐式加入跟踪 有几个版本:a和单独的 请参阅,了解从服务器获取的JSON/JSONP以及脚本用法。Twitter链接格式已被弃用,不再适用于Twitter iOS应用程序 请改用以下格式
https://twitter.com/intent/tweet?text=[TITLE]+[URL]
资料来源:
下面提供了您所需的社交媒体自定义共享链接 Facebook
http://www.facebook.com/sharer.php?u=[EncodedURL]
Twitter
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链接和实施指南-这里的答案似乎都没有真正回答OP问题。以下是我的尝试: 许多社交网络实际上提供了关于如何使用其徽标、共享图标和其他链接的指南。在这个问题上,有些人比其他人更灵活 当然,在大多数情况下,它们不太适合您的设计,您可能希望使用自己的主题/网站颜色对它们进行自定义 “自行承担风险”可能是你得到的最好答案 我不是律师(所以这不是法律建议!),但从我在不同文章中读到的内容来看,一些销售带有定制社交网络徽标的图标集的网站被要求将其从产品列表中删除 脸谱网、推特或其他社交网络公司起诉你的可能性很小(尽管他们可能会)为你的个人博客或网站定制他们的图标/标识,但是如果你想保护自己,你可能想考虑遵循他们的准则…… 以下是社交网络品牌指南的几个链接:
- Facebook:
- 推特:
- 谷歌+:
- 偶然发现:
- 美味:
- LinkedIn:
- Tumblr:
- Reddit:
- 等等
希望这有帮助。这是我用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>";
}
您将在Github上获得带有图标和计数器的漂亮facebook按钮。社交共享URL~强> 定期更新和重新测试的github回购协议,大约列出了50或60项服务
这比公认的答案要好得多。NewsVine、Delicious、Slashdot、Ping.fm等如今都不存在。另外,一些重要的链接丢失了,Skype等等。谢谢,你能告诉我关于这个的任何文档的方向吗?最初投票否决了这个链接,因为该链接被标记为不推荐,但过了一段时间它仍然可以正常工作。很好,将继续查找,我自己并没有看到那个推特链接,但我之所以发布这个问题,部分原因是因为你提到的关于被贬低的链接的信息——集体智慧FTW。这不是我所要求的;OP询问有关创建“自定义共享图标”的信息。@Andrew,当您
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>";
}
<div class="facebook-share">
<?php echo fShareButton(); ?>
</div>
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);
});