【问题标题】:Text-only version of Facebook's Like button?Facebook 的“赞”按钮的纯文本版本?
【发布时间】:2012-02-23 12:54:58
【问题描述】:

有没有人觉得 Facebook 的 Like 按钮太侵入用户界面?好像它不适合,就像它是一些廉价的塑料东西?

有没有人使用过 JS 或其他东西来制作像纯文本这样的替代品?如果是这样,有没有人做过任何 A/B 测试,看看它的性能是否与原版一样好?

此外,这是否违反了 Facebook 的 TOS 规定“您不得遮盖或遮盖我们社交插件的元素,例如点赞按钮或点赞框插件”?

http://jsfiddle.net/dwaynie/HqA3H/9/

谢谢!

【问题讨论】:

  • 问题不具建设性。请提供代码问题。
  • 如果你想用简单的文本链接替换like按钮而不是用CSS隐藏like按钮并使用JavaScript触发按钮上的锚点击事件,最简单的是使用jQuery .trigger()跨度>

标签: facebook layout user-interface facebook-like


【解决方案1】:

为 Facebook 和 Twitter 制作纯文本链接,并使用 CSS 进行样式设置。以下是创建链接的方法(使用适当大小的弹出窗口):

http://jsfiddle.net/c6XQT/

代码如下:

<a href="JavaScript:window.open('http://www.facebook.com/sharer.php?u=http://jsfiddle.net','','width=657,height=400,scrollbars=1')">Like</a>

<a href="JavaScript:window.open('https://twitter.com/share?url=http://jsfiddle.net&text=Check out this link:','','width=450,height=350')">Tweet</a>

【讨论】:

  • 知道如何使用 Facebook 的 Like 来实现同样的效果吗?最好在旁边放一个 (N) 计数器。
  • 可能有办法做到这一点,但您肯定需要使用 Facebook 的 API。过去,我只是记录了人们点击链接并显示该数字的次数,而不是处理 Facebook API 的所有开销。当然,这个数字不会是 Facebook 上“点赞”的数量,但谁在乎呢?
  • 酷,但我需要它通过 Facebook 进行病毒式营销或其他什么。
  • 以纯文本格式获取共享计数:gist.github.com/jonathanmoore/2640302
【解决方案2】:

对 Like 按钮(以及所有其他社交插件)的唯一允许修改是可通过代码生成界面 http://developers.facebook.com/docs/reference/plugins/like/ 实现的修改

【讨论】:

  • 我知道许多网站都设计了自己的社交网络按钮,这些按钮在网站设计中发挥作用。他们经常使用社交徽标的可识别方面,以便有良好的品牌认知度,但仍将内容保留在网站的设计语言中。比如kickstartproductions.net 和trenchescomic.com。 – DorkRawk
【解决方案3】:

嗯,这就是我想出的。 一点谷歌搜索就可以了

http://jsfiddle.net/HqA3H/24/

在fiddle script标签后面,可以看到

var fbURL = "http://www.facebook.com/plugins/like.php?href=http://www.lolwhuuutwtf.com&show_faces=trace&width=450&action=like&colorscheme=light";

将 www.lolwhuuutwtf.com 更改为您的网站链接,它会正常工作:) 您可以向下滚动并查看 html,根据需要对其进行编辑,但请确保不要删除 'id="flb" onclick="insertLikeButton();"' 因为那会触发javascript等等。

【讨论】:

  • 我的另一个建议是不要将 facebook 用于此目的,而是使用您自己的数据库,只需使用 facebook 样式按钮进行所有点击,这样用户就会认为它在 facebook 上喜欢它:D
猜你喜欢
  • 1970-01-01
  • 2011-02-28
  • 1970-01-01
  • 1970-01-01
  • 2011-02-17
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
相关资源
最近更新 更多