如何在我的FaceBook Landing选项卡中添加“Like”按钮?

时间:2010-08-12 16:34:51

标签: facebook facebook-like

设置了我的FaceBook页面,以便尚未“喜欢”页面(并尝试查看页面)的用户会看到特定标签的内容,而不是默认的“墙”视图。

这些用户到达的标签包含我制作的应用程序。这是一个简单的应用程序,列出了有关业务的信息。

应用程序正在使用“I Frame”渲染方法(在应用程序的“Canvas”设置中)。

我的目标是在我的应用程序中添加FaceBook“Like Button”或“Like Box”。

这样做的目的是编写一条消息,鼓励访问者“喜欢”FaceBook页面(而不是应用程序)。

我已经为Like Buttons和Like Boxs尝试过FaceBook代码生成器,但它不起作用。当我在FaceBook中查看我的应用程序时,在我添加代码的位置“没有”。

在应用程序中使用“Like”按钮似乎是许多FaceBook页面所有者想要的东西。有没有办法实现这个目标?

3 个答案:

答案 0 :(得分:1)

首先,确保您的页面是以html模式而不是FBML加载的。

1,加载FB JS

<script src="http://connect.facebook.net/en_US/all.js#appId=YOURAPPID&amp;xfbml=1"></script>

2,初始化FB(有时没有这个就行不通)

<script>
FB.init({
    appId:"YOURAPPID",
    xfbml:true,
    status:true,
    cookie:true,
});
</script>

3,将喜欢的按钮放在你想要的地方

<fb:like href="http://www.facebook.com/YOUR_FACEBOOK_PAGE" send="false" layout="button_count" width="90" show_faces="false" font="arial"></fb:like>

会出现类似内容,但不会刷新页面,因此您必须自己处理流程。

答案 1 :(得分:0)

显然,FBML的当前实现中不支持按钮,这是您可以在Facebook画布页面的“标签”中使用的唯一语言。 您可能会注意到,许多专业完成的网站都竖起了一个大箭头,然后是一个“点击按钮”文本,而没有实际使用类似的按钮。这就是他们这样做的原因。

直到facebook在标签内部实现XFBML,看起来任何只有XFBML标签(例如fb:like)才能在您的个人网站上使用。我认为他们出于安全原因这样做,虽然看起来有点荒谬,你可以在你自己的页面上使用的功能,facebook实际上并不支持他们的页面。

我找到的唯一解决方法是在您的应用中包含fb:comments标记,这是一个FBML标记,用于显示评论框和类似按钮。

答案 2 :(得分:-1)

要获得“赞”按钮,请转到http://developers.facebook.com/docs/reference/plugins/like,填写相应信息并按“获取代码”。这将打开一个带有必要代码的模态窗口。将该代码复制到您的程序中,您就完成了。