如何在Facebook Sharer中顯示圖像？

Question

我正在使用代碼來顯示彈出式Facebook Sharer，但是小故障是，圖像沒有顯示。

<?php 
    $title="My Wedding Lookbook! | BridalBook.ph 3rd Anniversary Promo"; 
    $url="http://www.bridalbook.ph/promos/bridalbook-3rd-year-anniv-promo/?preview=1"; 
    $summary="I just created my dream wedding lookbook! Getting married? Make your own on BridalBook.ph!"; 
    $image="http://pagsanjanpalmresort.com/moodboards/111.jpg"; 
?> 

<a onClick="window.open('http://www.facebook.com/sharer.php?s=100&amp;p[title]=<?php echo $title;?>&amp;p[summary]=<?php echo $summary;?>&amp;p[url]=<?php echo $url; ?>&amp;&p[images][0]=<?php echo $image;?>', 'sharer', 'toolbar=0,status=0,width=548,height=325');"> 
Share on Facebook. 
</a> 

出了什麼問題？

Answer 1

Open Graph meta tags，特別是og：image可能會有所幫助，具體取決於您希望如何顯示它。使用開放圖形標記，您的網站將顯示爲縮略圖的鏈接。點擊縮略圖將轉到該網址，而不是在facebook中顯示完整的照片。

Answer 2

除了圖片網址和共享網址以外的所有其他參數都需要urlencoded。

樣品Javascript實現如下

imageUrl = 'http://pagsanjanpalmresort.com/moodboards/111.jpg'; 
    shareTitle = 'My%20Wedding%20Lookbook!%20%7C%20BridalBook.ph%203rd%20Anniversary%20Promo'; 
    desc = 'I%20just%20created%20my%20dream%20wedding%20lookbook!%20Getting%20married%3F%20Make%20your%20own%20on%20BridalBook.ph!'; 
    url = 'http://www.bridalbook.ph/promos/bridalbook-3rd-year-anniv-promo/?preview=1'; 

    window.open('http://www.facebook.com/sharer.php?s=100&p[title]=' + shareTitle + '&p[summary]=' + desc + '&p[url]=' + url + '&p[images][0]=' + imageUrl + '', 'sharer', 'toolbar=0,status=0,width=626,height=436');