javascript - 带有大图像的 Facebook 自定义故事 - Open Graph with Javascript

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

我正在尝试创建一个自定义故事,每次有人尝试发布它时都会有一个新图像。现在我已经创建了一个对象,以及将两者结合起来的 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

假设我的对象是当然的,我的 Action 是运行的。下面是我没有返回正确结果的代码。我包含的图像是 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.

关于javascript - 带有大图像的 Facebook 自定义故事 - Open Graph with Javascript,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25025759/

相关文章:

javascript - 字符串的正则表达式模式包含 "at least one digit and allows only two special chars"

php - 获取个人资料图片返回空值

Facebook FQL 获取所有位置的帖子

Javascript RegExp.prototype.test - 如何使用来自数组的正则表达式值

javascript - 获取表javascript的行索引

javascript - Vue 1 类绑定(bind)始终返回 false

php - 作为 APPLICATION 用户发布到 Facebook 应用程序页面

facebook - 如何将 Facebook 页面墙嵌入到网站中,并在帖子上执行 "Like"、 "Comment"的所有操作?

facebook - Facebook "profile"访问请求如何提供年龄信息?

asp.net - Facebook Credits 与 C# SDK