javascript - 如何使用 FB.ui 提要对话框在 Facebook 上分享图片？

Question

我有这个脚本，供我的用户在 Facebook 上共享我网站的 URL。我使用 FB.ui 的提要对话框是因为我需要完成两件事:

1. 用图片分享消息
2. 有一个回调函数，用于在共享链接时进行注册(这会给用户带来积分)。

代码有效。显示带有正确图像和文本的对话框，并在发布时调用回调。

问题是:当我去 Facebook 时，帖子没有任何图片。

这是脚本:

var Listen = {

    [...]

    share_fb: function() {
        var self = Listen;
        var msg = 'I just voted "' + self._song.name + '" by ' + 
                self._song.artist + ' to win a ' + self._song.prize + 
                ' on My Website.';
        FB.ui(
            {
                method: 'feed',
                name: 'Come Listen to this Song',
                link: url_base + '/listen',
                picture: self._song.share_img,
                source: self._song.media,
                caption: 'mywebsite.com',
                description: msg,
                message: msg
            },
            function(response) {
                if (response && response.post_id) {
                    self.register_share('facebook');
                } else {
                    console.log("Post not shared");
                }
            }
        );
    }

    [...]
};

我尝试过使用不同的图像(PNGs and JPGs，全部托管在我的网站上，not on Facebook's CDN)。它们都显示在对话框中，但不会显示在 Facebook 上。

在我最近的尝试中，我尝试在提要对话框和共享 URL 的 og:image 标签上使用相同的图像(具有相同的 URL)，但仍然没有。

可能是什么问题？

Answer 1

您必须删除源参数。

您应该提供的请求:

    FB.ui(
        {
            method: 'feed',
            name: 'Come Listen to this Song',
            link: url_base + '/listen',
            picture: self._song.share_img,
            caption: 'mywebsite.com',
            description: msg,
            message: msg
        },

总结

---

单击此图像可在 Graph Explorer 中试用

---

这是你在 Facebook 上的结果: