如何使用 FB.ui 提要对话框在 Facebook 上分享图像？答案

【问题标题】：How can I share an image on Facebook using FB.ui feed dialog?如何使用 FB.ui 提要对话框在 Facebook 上分享图像？
【发布时间】：2016-01-13 13:12:29
【问题描述】：

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

通过图片分享信息
有一个回调函数在链接被共享时注册（这给了用户积分）。

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

问题是：当我去 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），但仍然没有。

可能是什么问题？

【问题讨论】：

“（这给了用户积分）” - 您不允许以任何方式奖励用户的分享。你应该首先阅读Platform Policy。
感谢您指出这一点，我将审查我的应用程序的那部分。
您能否提供一个指向您的基础架构上托管的示例图像的 URL？
是的，这里是：dev.louderband.com/img/contest/pau-share.jpg

标签： javascript facebook facebook-graph-api fb.ui

【解决方案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 中查看结果：

【讨论】：

图片参数不再可用 developers.facebook.com/docs/sharing/reference/feed-dialog

【解决方案2】：

图片参数不再可用。它现在已弃用。现在我们不能使用 feed 来分享图片。

Insetead 使用 FB.ui 分享方法 with href = "Image URL"

【讨论】：

【解决方案3】：

当你搜索fb ui和图像问题时，由于这个问题排在首位，我的问题是图像中不能有ssl url，所以不要添加https url，它必须是http。 Facebook 代理它向用户显示的图像请求，因此即使您从非 SSL URL 提供它，Facebook 中使用的图像也将通过 SSL 到达用户。

【讨论】：