0

我正在尝试使用 Facebook 分享对话框分享视频链接，但在 Facebook 上分享网址后，Facebook 不显示图像，分享后也不会在 Facebook 上播放视频。

我正在尝试分享链接，例如 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链接调试器在其页面上给了我这个错误

提供 og:image, https://d3ekuwxfrjk8w6.cloudfront.net/folder/folder/filename 无法下载，因为它超过了允许的最大大小 8Mb，或者您的服务器响应速度太慢。

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

4

1 回答 1

1

我也使用 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，您应该会看到缩略图。

在此示例中，您需要一个名为 S3 存储桶example.com，其中包含您网站的内容，另一个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 重新启用您的发行版之后。

于 2017-07-30T17:35:03.797 回答