0

この方法を使用して、自分のサイトのページに FB 共有ボタンを追加しました: https://developers.facebook.com/docs/reference/plugins/share-links/

ソースコードは次のようになります。

<a href="https://www.facebook.com/sharer/sharer.php?
    u=https://[subdomain].mysmilecentral.com/public/show?link_code=[access code for individual's photo]" target="_blank">
    <img src="https://[our S3 bucket]/images/fb-share-btn2.png" style="margin-top: -35px; margin-right: 126px; float: right" />
</a>

私はFB Javascript SDK非同期で読み込みを行っており、OGメタタグを使用しています:

<meta property="og:url" content="https://[subdomain].mysmilecentral.com/public/show?link_code=[access code for individual's photo]" />
<meta property="og:title" content="Order Pictures of [child's name] at [studio name]'s MySmileCentral!" />
<meta property="og:description" content="View images and/or order pictures of [child's name]." />
<meta property="og:image" content="https://[our S3 bucket]/[path to JPEG image]" />

Facebook の Object Debugger は、問題なくすべてを検出します。

og:imageただし、ページを更新するまで、タグで定義されたサムネイル画像が共有ダイアログに表示されません。その後、その画像が共有されるたびに、ページを更新しなくてもサムネイルが適切に表示されます。

ここで何が問題なのですか？

4

3 に答える 3

2

2014 年 11 月 11 日頃の時点で、この問題を再検討している方のために、Facebook は前述よりも優れたソリューションを提供しています。このFBバグレポートによると：

サイトで og:image、og:image:width、および og:image:height の両方が提供されている場合、最初に作成された共有でもそのイメージが使用されます。これらを提供しないと、クローラーが最初に画像を取得して分析するまで待つ必要があります.

これを行う方法の例については、http://ogp.me/#structuredを参照してください。

于 2015-02-25T17:45:34.680 に答える
1

画像が有効であることを確認できますか:

og:image – これはメディアに関連付けられた画像です。200x200 ピクセル以上の画像を使用することをお勧めします。ただし、大きい方が良いので、1500x1500で使える画像があればそちらを使ってください。解像度の低いデバイスを使用しているユーザー向けにダウンサンプリングしてトリミングしますが、より大きなデバイスで使用します。この画像が大きいほど、Facebook でストーリーを共有するときに使用される可能性が高くなります。(注: 画像のサイズは 5 MB 以下である必要があります。)

Facebookから: メディア コンテンツの配布を最大化する

編集：

ブラウザのキャッシュをクリアします。

于 2013-07-24T19:13:35.657 に答える
1

私は同様の問題に直面し、Facebook にバグを送信 しました。ページ作成直後にプログラムで)。

于 2013-11-13T09:47:20.557 に答える