发布到墙上可选择缩略图Javascript SDK

时间:2012-06-18 17:49:22

标签: javascript facebook facebook-javascript-sdk opengraph facebook-opengraph

我正在使用此代码:

function postProductToFB(url) {
    // calling the API ... 
    var obj = {
        method: 'feed',
        link: url,
        // values commented out can be added in specifically if required
        //picture: '-pre-filled image',
        //name: 'pre-filled title',
        //caption: 'pre-filled caption',
        //description: 'pre-filled description',
        to: 'page ID',
        from: 'page ID'
    };

    function callback(response) {
        //document.getElementById('msg').innerHTML = "Post ID: " + response['post_id'];
    };

    FB.ui(obj, callback);
};

通过我网站上的链接在我自己的墙上发布产品。

我故意将大部分参数留空(已注释掉),以便Facebook可以自动从我的网页中删除它们。

但是,它经常选择“错误”缩略图来显示。

有什么方法可以让我显示它在页面上找到的图像选择,好像我将URL粘贴到我的状态更新字段中一样?

编辑,澄清

当我通过状态或链接更新将URL直接发布到Facebook时会发生这种情况

鉴于:

如果我使用JS SDK和上面的代码发布,这就是我得到的。

在这个特定的例子中,它选择了正确的图像,但您可以从顶部屏幕截图中看到实际上有4个图像可供选择。使用Head等将这四个图像中的每一个显式编码到文档的<meta name="" property="og:image" content="IMAGE URL">中。

1 个答案:

答案 0 :(得分:0)

Facebook依靠Open Graph标签来绘制网站图片。如果没有标签,则facebook会加载页面上的所有图像供用户选择。

参考https://developers.facebook.com/docs/opengraphprotocol/