Facebook 与自定义和动态数据共享问题

Question

我需要从图库中选择一张图片。此图像以模式显示（使用 Bootstrap），在其下方有一个 Facebook 分享按钮。此按钮必须全角共享所选图像、自定义标题（始终相同）、自定义描述（始终相同），并且当 Facebook 用户单击共享帖子时，重定向到自定义 URL（始终相同） ，而不是图片之一）。

我尝试了不同的方法（FB 开发文档、http://drib.tech/programming/dynamically-change-facebook-open-graph-meta-data-javascript、不同的“方法”、不同的“action_type”等），但我总是遇到不同的问题。

按照 drib.tech 的建议，情况如下：

• web：它共享正确的标题、描述和自定义链接，但图像始终是缩略图，并且显示“John Cats LIKES a link”而不是“John Cats SHARES”。那是因为我使用了"action_type": "og.likes"，我想，但是对于任何其他类型（og.shares 等）它共享错误的图像、标题和描述（它需要自定义链接数据）
• Android（在应用程序中）：它看起来像网络结果，但它没有关闭弹出窗口
• iOS：没有任何效果，我认为它讨厌弹出窗口。

我尝试过使用 iframe 而不是弹出窗口，但它说这是不允许的。

我也尝试过仅使用 Facebook 共享者 URL：

https://www.facebook.com/sharer/sharer.php?u=" + url + "&title=" + titolo + "&picture=" + picture
https://www.facebook.com/share.php?u=" + url + "&title=" + titolo + "&picture=" + picture

但结果是错误的图像、标题、描述。

所以...我的想法已经用完了，我的脚本一团糟，我找不到任何其他想法。有什么建议吗？

Answer 1

来自 FB API 的最新更新需要另一个结构的 action_properties 对象。

这是一个工作示例：

FB.ui({
        method: 'share_open_graph',
        action_type: 'og.likes',
        action_properties: JSON.stringify({
            object: {
                "og": {
                    "url": your_url,
                    "title": your_title,
                    "image": {
                        "url": your_image_URL
                    }
                }
            }
        })
    }, function(response){});