Question

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

我正在尝试分享YouTube在Facebook上分享视频的方式，以便用户在分享后可以在Facebook上播放视频。这是我的代码

<Expander Header="{Binding}>

在我的元标记中，我也使用了图像的宽度和高度，但图像仍未显示。

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

facebook link debugger在其页面上给出了这个错误

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

上面的图片网址是有效的，我不知道为什么因为Cloudfront网址没有显示图片？

Answer 1

我也使用cloudfront，至少对于在共享对话框上共享URL后看到的缩略图预览，我知道它必须是从同一网站URL提供的图像，而index.html具有：< / p>

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

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

更新：您在“og：image”中提供的网址必须是公开显示的，这意味着如果您在新的浏览器窗口中复制，粘贴和访问该网址，您应该会看到缩略图。

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

原产地：example.com
cname：example.com.s3.amazonaws.com（以便www.example.com正常运作）

转到您的Cloudfront分配并点击修改，您会看到一个输入CNAME的地方，然后输入example.com, *.example.com并保存更改。

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

然后等到Cloudront重新启用您的发行版之后。

使用Feed对话分享后，facebook不显示图片和视频

1 个答案: