我在FB粉丝页面标签中向基于iFrame的页面添加类似按钮时遇到问题。我正在使用JavaScript SDK和Open Graph来指定我希望用户“喜欢”的页面(这是我的FB页面中的当前页面)。
该页面基于iFrame,是FB中的一个应用程序,可以通过我的FB页面的FB页面选项卡进行访问。问题是Facebook正在将喜欢分配给我的FB页面本身(如果你愿意,我的FB页面主页),而不是页面问题(我的测试页面 - 它被设置为一个应用程序,并出现在我的FB页面选项卡下的名称“og测试”)。
我已经尝试通过FB linter运行iFrame的目标页面,它给出了一个奇怪的错误,说我提供了“其他”的Open Graph类型(我没有,我提供了“网站”在我的META标签中)见下文:
此外,从查看调试页面看,Facebook似乎忽略了我的“og:url”值中的QueryString,因此只看到我的FB页面的虚荣URL,或者有某种阻止就可以了基于iFrame的应用页面。
任何人都可以对此有所了解吗?我认为从这篇文章中可以实现我想要做的事情:
http://www.insidefacebook.com/2010/09/09/like-buttons-app-content/
iFrame目标网页的代码是:
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:og="http://ogp.me/ns#" xmlns:fb="http://www.facebook.com/2008/fbml">
<head>
<title>Test Like</title>
<meta property="og:title" content="OG Test"/>
<meta property="og:type" content="website"/>
<meta property="og:url" content="https://www.facebook.com/EssentialTravel?sk=app_275969292428556"/>
<meta property="og:image" content=""/>
<meta property="og:site_name" content=""/>
<meta property="fb:admins" content="100002424161307"/>
<meta property="fb:app_id" content="275969292428556"/>
<meta property="og:description" content="OG test through canvas page"/>
</head>
<body>
<div id="fb-root"></div>
<script src="http://connect.facebook.net/en_US/all.js"></script>
<script>
FB.init({
appId : '275969292428556',
status : true, // check login status
cookie : true, // enable cookies to allow the server to access the session
xfbml : true, // parse XFBML
oauth : true // enable OAuth 2.0
});
</script>
Test Page<br>
<script src="http://connect.facebook.net/en_US/all.js#appId=156081301143077&xfbml=1"></script><fb:like href="https://www.facebook.com/EssentialTravel?sk=app_275969292428556" send="false" width="450" show_faces="false" action="recommend" font=""></fb:like>
</body>
</html>
有人有什么想法吗?
谢谢,
Pjordanna
答案 0 :(得分:2)
很遗憾,您无法为页面上的实际标签设置类似按钮。
正如您所发现的那样,尝试使用https://www.facebook.com/EssentialTravel?sk=app_275969292428556等网址制作类似按钮只会为页面创建一个类似按钮,而不是单个标签。
为特定标签制作类似按钮的最佳方法是使用服务器上的应用程序的URL,例如。 http://YOURDOMAIN.com/YourAppDirectory