Ajax 页面的 Facebook 按钮，如何实现并验证其是否有效

发布于 2024-11-30 01:40:56 字数 392 浏览 1 评论 0原文

我想知道如何在我的 Ajax Web 应用程序上使用 Facebook Like 按钮，该按钮将捕获 og:title 和 og:url 的 Open Graph 标签中的更改。我已经创建了一个 Facebook 应用程序并获得了 API ID。

我想知道的是我需要放在我的网站上的代码，以便 Facebook 捕获我对包含标题和 url 信息的元标记所做的更改（即 og:title、og:url ）。

我按照 Facebook 上的说明进行操作，但没有成功。此外，我想知道如何在本地测试 Like 按钮以查看它是否正确从 Open Graph 标签中获取数据。

另外值得一提的是，我有一个 JQuery 代码，可以自动更改 Open Graph 元标记以包含当前 Ajax 更改页面的相关信息。

谢谢。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

我为君王 2024-12-07 01:40:56

您需要为您希望人们喜欢的每个不同页面设置一个单独的 URL。我建议实际上将“like”按钮指向您尝试通过 og:url 标签返回的物理页面。要刷新 Facebook 存储的有关给定 URL 的数据，请将该 URL 传递到位于 http://developers 的 linter 中。 facebook.com/tools/lint。

回复收藏 0 原文

喜爱纠缠 2024-12-07 01:40:56

我在我的动态 ajax 网站上创建了一个用于 facebook 共享的旋转器文件。

rotator.asp代码示例：

<html>
<% lang=request("lang")
   id=request("id")

   ..some sql to get data...
   ogTitle=....
   ogImage=....
   originalUrl=....

%>
<head>
<meta property="og:title" content="<%=ogTitle%>" />
<meta property="og:image" content="<%=ogImage%>" />
.....
......
<meta http-equiv="refresh" content="0; url=<%=origialUrl%>" />
//dont use redirect.. facebook dont allow 302...
</head>
<body></body>
</html>

例如xxx.com/#!/en/153页面将共享xxx.com/rotator.asp?lang=en&id=153

i created a rotator file for facebook share on my dynamic ajax website.

rotator.asp code sample:

<html>
<% lang=request("lang")
   id=request("id")

   ..some sql to get data...
   ogTitle=....
   ogImage=....
   originalUrl=....

%>
<head>
<meta property="og:title" content="<%=ogTitle%>" />
<meta property="og:image" content="<%=ogImage%>" />
.....
......
<meta http-equiv="refresh" content="0; url=<%=origialUrl%>" />
//dont use redirect.. facebook dont allow 302...
</head>
<body></body>
</html>

for example xxx.com/#!/en/153 page will share xxx.com/rotator.asp?lang=en&id=153

回复收藏 0 原文

~没有更多了~