允许最终客户编辑Like按钮URL和Open Graph标签

时间:2012-02-16 11:09:10

标签: facebook facebook-like facebook-apps

试图改善我提出礼节的问题,所以我会陈述自己的目标,提出问题,然后跟进我所做的研究。

目标:我们正在构建一个新的bolt-on子网站,以便可能将许多终端客户端放置在他们的服务器上,因此他们的站点可以在Windows或Unix上构建。考虑到这一点,我们选择在HTML和Javascript中构建它。在一系列问题之后,螺栓将产生对产品的推荐,并且用户将有机会喜欢对Facebook的推荐。

问题:如果代码中的正确元标记被指示给最终客户端,他们是否可以替换og:URL中的域?

研究:我在这个网站上找了类似的问题,但找不到任何相关内容 - 除了What's the difference between the Like button with or without Open Graph META tags?我创建了一个测试应用并将其链接到我的测试网址在我的服务器上,并了解当点击Like时,Facebook重新加载页面并收集og元数据。我已经利用这些知识实现了一个随机产品生成器,使用JQuery编写了一个不同的og:description来测试最终用户可以在相同的最终URL上获得他们喜欢的许多推荐产品中的任何一个(例如{ {3}})。

我也明白,如果在我的测试服务器上更改了URL并使用fb:app_id调用我的应用程序,该应用程序使用网站URL调用我的原始URL并使用旧的og:description。

在子网站文档中,我希望能告诉最终客户他们可以编辑og:url为他们的域名,og:image为他们的公司徽标 - og:描述将使用Javascript通过a动态生成一系列问题。

但是从我看到的情况来看,如果你编辑og:url,它将与应用程序中的那个不匹配。

你可以使用Open Graph标签实现FB Like按钮,而不链接到FB应用程序吗?只需阅读类似问题窗格中出现的其他内容,似乎说Open Graph就是在单个页面之间创建一个链接并在Facebook中创建一个页面 - 这似乎超出了我的要求。所以我可能错过了一个步骤,只是用Meta og数据创建一个简单的简单Like按钮

非常感谢任何指示或帮助 弗兰克

2 个答案:

答案 0 :(得分:0)

正如你所指出的,Facebook的linter不会运行JavaScript。

所以你必须让你的网络服务器根据linter的要求吐出正确的og标签。因此,您在Like代码中使用的URL将变得至关重要。您需要一种方法使该URL唯一,并且Web服务器也需要知道要为其呈现的og标记。

因此,您的解决方案要么知道每个产品的唯一网址,要么您的解决方案需要包含为每个产品生成唯一内容的服务器端代码(可能类似于/getProduct.php?id = 123或REST喜欢/ products / 123 /)。

答案 1 :(得分:0)

http://forum.developers.facebook.net/viewtopic.php?id=71904

这回答了我的所有问题。如何在不使用应用程序的情况下轻松简单地创建“赞”按钮 - 官方FB文档不会从初学者到高级教程深入研究,恕我直言,这可能会导致更少的问题。

此处有任何新手阅读此内容;一旦您更新了代码并发送到服务器,请将链接发送到FB调试器,因为它似乎刷新了FB上的内容。

还可以使用“FB Insights”查找您的fb:管理员号码。

感谢DMCS的帮助。