Facebook Sharer 不显示图像缩略图答案

【问题标题】：Facebook Sharer not showing image thumbnailFacebook Sharer 不显示图像缩略图
【发布时间】：2013-07-29 09:44:01
【问题描述】：

我已经通过使用 URL 和参数来跟踪 Facebook 分享的示例

原始（工作）

小提琴 >> http://jsfiddle.net/dYfwK/

<a href="http://www.facebook.com/sharer.php?s= 100&amp;p[title]=Title here&amp;p[url]=http://example.com&amp;p[images][0]=http://upload.wikimedia.org/wikipedia/commons/5/55/Kaasmarkt2_close.jpg&amp;p[summary]=I love cheese" target="_blank">Test</a>

已修改（图片未出现）

小提琴 >> http://jsfiddle.net/dYfwK/6/

<a href="http://www.facebook.com/sharer.php?s= 100&amp;p[title]=Title here&amp;p[url]=http://example.com&amp;p[images]
    [0]=http://www.ucmas.com/wp-content/uploads/2013/07/rm.jpg&amp;p[summary]=I love cheese" target="_blank">Test</a>

我一直面临这个问题一段时间，最终我相信这个问题是由于图像。是尺寸还是其他原因造成的？

【问题讨论】：

第二张图片在我的浏览器中加载需要 12 秒——所以也许这就是原因（为了获得良好的用户体验，FB 希望加载速度快速）。但无论如何，从 2013 年 10 月开始，共享对话框将只接受要共享的内容的 URL，不再接受其他参数（它将从 URL 打开图元标记获取该信息），developers.facebook.com/roadmap/#oct_2013

标签： facebook facebook-sharer

【解决方案1】：

当我这样做时，它会起作用：

<a href="https://www.facebook.com/sharer.php?s=100&p[title]=Title+here&p[url]=http://example.com&p[summary]=I+love+cheese&p[images][0]=http://www.ucmas.com/wp-content/uploads/2013/07/rm.jpg" target="_blank">Test</a>

您需要做的是从 url 中删除 &amp; 并用真正的 & 替换它。然后我对所有不是链接的内容进行了 url 编码。这只是意味着用+ 替换空格。我还将图片放在网址的末尾。不知道为什么，但这似乎起到了作用。

【讨论】：

【解决方案2】：

https://developers.facebook.com/docs/sharing/reference/feed-dialog#deprecated-params

根据以下网址的最新更新，图片已替换为用于共享媒体网址的 u 参数，以及用于重定向网址的链接。

https://www.facebook.com/sharer.php?u=${img}&link=${window.location.href}

【讨论】：