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

时间:2014-07-29 22:05:22

标签: javascript facebook facebook-graph-api facebook-stream-story custom-stories

我正在尝试创建一个自定义故事,每次有人试图发布时都会有新图像。现在我创建了一个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'图像标志,它以全文宽度显示图像,但是当您单击图像时,它不会将您链接回网站,但会在模式框中打开图像(如图库图像)。

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

2 个答案:

答案 0 :(得分:1)

您需要指定宽度和高度:

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

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

答案 1 :(得分:0)

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