使用提要对话框分享后,Facebook 不显示图像和视频

facebook is not showing image and video after share using feed dialog

我正在尝试使用 Facebook 分享对话框分享视频 link,但在 Facebook 上分享 url 后,Facebook 不显示图像,分享后也不在 Facebook 上播放视频.

我正在尝试分享 links 就像 YouTube 如何在 Facebook 上分享他们的视频,以便用户可以在分享后在 Facebook 上播放视频。这是我的代码

FB.ui(
    {
        method: 'share',
        quote: 'share it using facebook',
        mobile_iframe: true,
        href: 'https://example.com/raisingfundsthroughvideo',
        hashtag:'#websitename',
    }
);

在我的元标记中,我也使用了图像宽度和高度,但图像仍然没有显示。

<meta property="og:image:type" content="image/jpg" /> 
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

facebook link 调试器在其页面上给我这个错误

Provided og:image, https://d3ekuwxfrjk8w6.cloudfront.net/folder/folder/filename could not be downloaded because it exceeded the maximum allowed sized of 8Mb or your server was too slow to respond.

上面的图片 url 是有效的,我不知道为什么它不显示图片是因为 Cloudfront url?

我也使用 cloudfront,至少对于您在共享对话框中共享 URL 后看到的缩略图预览,我知道它必须是来自同一网站的图像 URL 而 index.html 有这个:

<meta property="og:url" content="http://example.com/"/>
<meta property="og:image" content="http://example.com/assets/thumbnail.png"/>

是的,您必须遵守缩略图的大小限制。

更新:您在 "og:image" 中提供的 URL 必须公开可见,这意味着如果您复制、粘贴并在新浏览器上访问 URL window 您应该会看到缩略图。

在此示例中,您需要一个名为 example.com 的 S3 存储桶,其中包含您网站的内容,另一个 www.example.com 存储桶为空,但设置为静态网站托管,可重定向到example.com。您的云端前端需要按如下方式设置:

  • 来源:example.com.s3.amazonaws.com
  • cname: example.com, *.example.com(这样 www.example.com 就可以了)

进入您的云端分配并单击“编辑”,您将看到一个可以输入 CNAME 并输入 example.com *.example.com 并保存更改的地方。

单击原点选项卡并按如下方式设置原点: 源域名:example.com.s3.amazonaws.com 来源 ID:s3-example 来源类型:S3 Origin

然后等待 cloudront 重新启用您的分发。