Facebookの共有ボタンのOG：画像

Question

私は、CMSに取り組んで私はデフォルトのメタと周りの混乱に管理することはできません私はAddThisのシェアボタンを追加しました

値。 はその後、私は変更されませんFacebookの共有ボタン、必要に応じてタイトルが変更されたが、画像をクリックしたときに

$(document).ready(function(e) { 
$('meta[property="og:title"]').remove(); 
$('head').append('<meta property="og:title" content="<?=$title?>">'); 
$('meta[property="og:image"]').remove(); 
$('head').append('<meta property="og:image" content="<?=$image?>">'); 
}); 

を次のようにメタの値を変更するにはjqueryのを使用しました。

は、どのように私はOG割り当てることができ、それだけで一度ページが読み込まので、画像値

Answer 1

上で動作させることができます。一度画像のURLを...しかし、私は本当に、自身の持つそれぞれの絵を持っていると思いますOG：IMAGE、これはフォトアルバムです。

OGメタタグを変更することは実際には使用されていません。Facebookはこれらのタグをスクレーパーで読み取るため、HTMLコードの内容をあなたのURLで確認します。スクレーパーはJavaScriptを実行しません。

解決方法：各写真のURLを独自のメタ情報で指定します。同じボタン/共有機能/どのFB機能がその写真のURLを指しているかを指定します。

（あなたはクライアント側は重要ではありません事を扱う方法 - 、あなたはまだ1ページ内のすべての写真を表示することができますあなたが好きなAJAXを介して新しいコンテンツをロードする - しかし、あなたはあなたの写真用に別のURLが必要になります）個々のOpen Graphオブジェクトとして認識されるようにしてください。）