facebookに共有すると正確な画像を表示できません

Question

私はアプリケーションIDを使用してFacebookの共有をしています。 Detect Facebook share success?

私はコーディング私は一つだけの画像がある場合には、正しい画像をFacebookへ投稿コンテンツを共有するために管理し、このhttp://jsfiddle.net/benjasHu/3dhq9k21/

のように見えた：私はこの

<script> 
(function(d, s, id) { 
    var js, fjs = d.getElementsByTagName(s)[0]; 
    if (d.getElementById(id)) return; 
    js = d.createElement(s); js.id = id; 
    js.src = 'https://connect.facebook.net/en_US/sdk.js'; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk')); 
</script> 

ソースは私のページに含まれています。だから、1つ以上の画像を持つページコンテンツを共有しようとしたとき、facebookが混乱して画像コンテナーが空白になってタイトルが正しく表示されないようです。

結果が

Answer 1

下の写真のようなものです。最後のFacebookのオープングラフメタカスタマイズについて説明する非常に便利な記事を見つけました。私のコーディングからhttp://drib.tech/programming/dynamically-change-facebook-open-graph-meta-data-javascript

、代わりにこれを使用する：

var options = ({ 
    method : 'share', 
    href : 'url goes here' 
}), 

私は置き換え：

var options = ({ 
    method: 'share_open_graph', 
    action_type: 'og.shares', 
    action_properties: JSON.stringify({ 
     object: { 
      'og:url': 'url-to-share', 
      'og:title': 'title-of-page-to-share', 
      'og:description': 'description-of-page-to-share', 
      'og:image': 'image-displayed-when-sharing' 
     } 
    }) 
}),