Facebook自定义故事与大图像-打开图形与Javascript

Facebook custom stories with big Image - Open Graph with Javascript

本文关键字：图形 Javascript 图像 自定义 故事 Facebook      更新时间：2023-09-26

我正在尝试创建一个自定义的故事，每次有人试图发布它时都有一个新的图像。现在我已经创建了一个对象、一个动作和一个结合了这两者的故事。我想实现的是一个看起来像这样的故事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

假设我的Object是course，我的action是run。下面是我的代码没有返回正确的结果。图片尺寸为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。参见Facebook内容共享最佳实践

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

相关文章：