2013-05-30 43 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]」