Facebook定制故事与大图像 - 用Javascript打开图表

Posted 2021-03-30

我正在尝试创建一个自定义故事，每当有人试图发布它时都会有一个新图像。现在我创建了一个Object，Action和一个故事，将两者结合起来。我想要实现的是一个看起来像这个https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2178-6/851562_1376970469205025_523101852_n.png的故事，但我似乎得到的只是https://fbcdn-dragon-a.akamaihd.net/hphotos-ak-xpa1/t39.2178-6/851560_389589627833470_1903099476_n.png

让我说我的对象是课程，我的行动是运行。下面是我所拥有的代码没有返回正确的结果。我包括的图像是1200 x 630。

    FB.api(
        'me/namespace:run',
        'post',
        {
            course  : {

                "og:type"       :   "namespace:course",
                "og:url"        :   "http://example.com",
                "og:title"      :   "Title",
                "og:description":   "Description",
                "fb:app_id"     :   "####",
                "og:image"      :   "http://example.com/chart.png"
            },
            distance    : 25.5,
            location    : "Sample location: Longitude",
            message     : "Special Caption Message"
        }

我还尝试使用'user_generated'图像标记，它以全文宽度显示图像，但是当您点击图像时它不会将您链接回网站，但它会在模态框中打开图像（如图库图像） ）。

我不确定这是不是代码。也许我不知道的一些设置。如果我能提供更多信息来获取此问题的解决方案，请告诉我。

答案

您需要指定宽度和高度：

"og:image:width":  1200,
"og:image:height": 650

我没有尝试过630px的高度，但看起来它应该可以工作，甚至可能更好，值为630。 See Facebook content sharing best practices.

另一答案

尝试使用1200X650的图像而不是1200X630。如文档中所述，图像必须保持纵横比。