1

好吧,如标题中所述,有没有办法阻止 Facebook js 共享器中的某些图像?

Facebook js 共享器自动从页面中获取图像,并允许用户选择要在共享帖子中显示为缩略图的图像。目前,我们遇到了一种情况,它在页面上获取广告图像而没有显示其他图像。

我可以想象横幅可以显示为 div 的背景图像,或者通过动态添加它们,但仍然可能有用于排除图像的特殊标签或共享器初始化选项......在 FB 文档中找不到任何相关内容,但它们非常“具体”......

为了澄清上述内容,请查看标记:

<!DOCTYPE html>
<html lang="en" 
      xmlns="http://www.w3.org/1999/xhtml" 
      xmlns:og="http://ogp.me/ns#"
      xmlns:fb="https://www.facebook.com/2008/fbml">
 <head>
  <meta property="og:image" content="/logo.jpg">
 </head>
 <body>
  <article>
   ..plain text content
  </article>
  <aside>
   <img src="/banner.jpg"> <!-- fetched image for share, wrong -->
  </aside>
 </body>
</html>

PS:我读过这个问题:如何从 facebook 共享器中排除图像-但实际上动态添加横幅(选择的答案)并不是它的本意。

4

1 回答 1

2

这是我对另一个问题给出另一个答案的 C&P ,尽管它也适合这里:

您的问题的解决方案可能是检查真实用户或 Facebook 机器人是否正在访问您的页面。如果是机器人,则只为它渲染必要的元数据。您可以通过其用户代理检测机器人,根据Facebook 文档,该用户代理是:
"facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)"

代码看起来像这样(在 PHP 中):

function userAgentIsFacebookBot() {
    if ($_SERVER['HTTP_USER_AGENT'] == "facebookexternalhit/1.1 (+http://www.facebook.com/externalhit_uatext.php)") {
        return true;
    }
    return false;
}
于 2013-10-17T13:32:33.590 回答