2013-05-30 42 views
2

我正在使用Facebook分享对话框(https://developers.facebook.com/docs/reference/plugins/share-links/),图像未显示。我在这里查了很多帖子,但是找不到解决方案Facebook分享对话框图像不显示

我发现这个网站的共享对话框工作正常:http://election.gv.my/(他们不使用meta property =“og:image” )

https://www.facebook.com/sharer/sharer.php?s=100&p[url]=http%3A%2F%2Felection.gv.my%2F&p[images][0]=http%3A%2F%2Felection.gv.my%2Fassets%2Fcombined.jpg&p[title]=Malaysia+Twitter+Popularity+Index&p[summary]=Malaysia+Twitter+Popularity+Index+for+March+31%2C+2013%3A+%40anwaribrahim+21%2C+%40NajibRazak+28

如果我在代码中使用其形象,它表明:
var sharer = "https://www.facebook.com/sharer/sharer.php?s=100&p[url]=" + shareURL + "&p[images][0]=" + "http://election.gv.my/assets/combined.jpg" + "&p[title]=" + shareTitle + "&p[summary]=" + shareExcerpt;

如果我用我的形象在其代码它并不:
的https:// WWW。 facebook.com/sharer/sharer .php?s = 100 & p [url] = http://election.gv.my/ & p [images] [0] = http://mysite.com/app/wp-content/uploads/2013/03 /poster.jpg & p [标题] =马来西亚+ Twitter +人气+指数& p [摘要] =马来西亚+ Twitter +流行+指数+ + 3月+ 31%2C + 2013%3A +%40anwaribrahim + 21%2C +%40NajibRazak +28

我能想到的唯一原因就是在服务器配置中。我检查了我的网址(网站&图像)https://developers.facebook.com/tools/debug,结果都行,至少是相同的网站

+0

你应该URL编码的值你是把作为GET参数值正确。 (在JS中,你可以使用'encodeURIComponent')。如果这没有帮助,那么请向我们展示一个带有_real_参数值的共享链接的例子。 – CBroe

+0

@CBroe,我不认为这是问题,因为我在网站上尝试了许多不同的图像,我在我的问题中提到,这是URL编码 – hsands

回答

1

由WordPress的产生在我的情况的问题图像尺寸:

  • NO: 85x85,96x54,166x94,170x96,193x108,711x400
  • YES:356x200,360x124

https://developers.facebook.com/docs/opengraph/howtos/maximizing-distribution-media-content/
OG:图像 - 这是你对我相关的图像直径。我们建议您使用至少200x200像素的图片。但是,越大越好,所以如果您有可以使用的1500x1500图像,请使用它。我们会缩小采样范围并将其裁剪以供使用较小分辨率设备的用户使用,但将用于较大型设备。这张图片越大,在Facebook上分享故事的可能性就越大。 (注:图片大小不得超过5MB大小。)

但是这并不能解释为什么大小356x200是好的,但没有711x400至极较大,并且具有相同的纵横比

+0

712x400是相同的长宽比,而不是711.它可能不喜欢奇怪的尺寸。 –

0

尽量减少文件大小:我从56改为24,然后加载。

0

尝试添加第二 “&” 之前 “P [图像] [0]”=> “& & P [图像] [0]”