Facebook的Like按钮的纯文本版本?

时间:2012-02-23 12:54:59

标签: facebook layout user-interface facebook-like

有人觉得Facebook Like按钮在用户界面中太过干扰吗?就像它不适合,就像它是一些便宜的塑料东西?

有没有人曾经使用JS或其他东西制作任何替代品,如纯文本?如果是这样,有没有人做过任何A / B测试,看看它是否与原版相同?

此外,这会违反Facebook的TOS说“你不能模糊或覆盖我们社交插件的元素,比如Like按钮或Like框插件”?

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

谢谢!

3 个答案:

答案 0 :(得分:4)

为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>

答案 1 :(得分:1)

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

可实现的修改

答案 2 :(得分:1)

嗯,这就是我想出来的。 有点谷歌搜索做了伎俩

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

在脚本标签之后的小提琴中,您可以看到

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等等。