【问题标题】:How to pass the selected image of the visitor using Facebook open graph from the previous page如何使用上一页中的 Facebook 打开图表传递访问者的选定图像
【发布时间】:2025-12-01 23:05:09
【问题描述】:

我有以下问题。我希望有人可以帮助我:)

我的客户有以下网址

http://www.clientwebsite.com/pageA.html

在上面的页面上,客户端有门图像,他允许访问者使用单选按钮进行选择。此页面,即 pageA.html 上没有任何打开的图形元标记。

一旦访问者选择了 pageA.html 上的门图片,他就会被带到

http://www.clientwebsite.com/pageB.html

现在客户想要在 pageB.html 上使用开放图形元标记,这会将 pageA.html 的 URL 和从 pageA.html 中选择的访客门图片传递给 Facebook。

但是,这并没有按计划进行。我已经使用Facebook open graph debugger tool 对此进行了测试,以下是我的发现

  1. 当我使用 pageA.html 的 URL 传递 og:url 元标记时,Facebook 只是从 pageA.html 中挑选随机图像,而不是我在 og:image 元标记中传递的图像。

  2. 当我省略 og:url 元标记时,Facebook 会拾取我在 og:image 元标记中传递的图像,但它不知道我需要它使用的 URL。

有解决办法吗?

更新

这是有问题的网址

http://www.jvd.me.uk/share-test3.html

上面是pageB.html。 og:url 元标记中提到的 URL 是 pageA.html

有人吗?

【问题讨论】:

  • @asarfaz 快速提示:仅使用单词和示例来快速说明您的意思总是很难理解。因此,将 pastebin 或 phpcode.com 与您的代码一起使用。还想知道如何将数据从一个 .html 页面发送到另一个 html 页面。一种解决方案可能是将 URL 和图像从 PageA.html(通过 post 或 get)传递到 PageB.php(php - 这样您就可以捕获这些值)并将它们设置为相关的 Facebook 变量
  • @pal4life 我将值从 pageA.html 发布到 pageB.html 并用这些值正确填充打开的图形元标记。只是当有人试图在 Facebook 上分享它时,它不使用我提供给它的 og:image 标签,而是使用 pageA.html 上的一些随机图像
  • @asarfaz:你是如何设置这些 og:image 标签的?可以分享一下代码吗?谢谢
  • 它不会从页面 B 中获取任何内容,因为在该页面中您已经告诉 FB 它应该查找数据的 URL 是页面 A 的 URL。因为后者没有t 包含特定的 Open Graph 元信息,它只是选择在“常规”元元素和页面标题中可以找到的内容。
  • 我已经说过了——在同一个 URL 下不可能根据用户的选择有不同的内容(因为当爬虫访问 URL 时,没有用户做出选择),因此您需要为不同的图像设置不同的 URL。 (使用 GET 参数来确定要嵌入的图像就足够了,因为不同的 GET 参数会生成不同的 URL。)

标签: facebook facebook-opengraph


【解决方案1】:

我将值从 pageA.html 发布到 pageB.html

好吧,Facebook 的爬虫在请求时不会向您的页面 B 发布任何数据,因此这种方法当然注定会失败。

在同一个 URL 下不可能根据用户的选择有不同的内容(因为当爬虫访问该 URL 时,没有用户做出选择),因此您需要为您的网站设置不同的 URL不同的图像。 (使用 GET 参数来确定要嵌入的图像就足够了,因为不同的 GET 参数会生成不同的 URL。)

【讨论】:

    最近更新 更多