0

Facebook 共有ダイアログを使用してビデオ リンクを共有しようとしていますが、Facebook で URL を共有した後、Facebook は画像を表示せず、共有後に Facebook でビデオを再生しません。

YouTube が Facebook で動画を共有する方法などのリンクを共有して、ユーザーが共有後に Facebook で動画を再生できるようにしようとしています。これが私のコードです

FB.ui(
    {
        method: 'share',
        quote: 'share it using facebook',
        mobile_iframe: true,
        href: 'https://example.com/raisingfundsthroughvideo',
        hashtag:'#websitename',
    }
);

私のメタタグでは、画像の幅と高さも使用しましたが、まだ画像が表示されていません。

<meta property="og:image:type" content="image/jpg" /> 
<meta property="og:image:width" content="400" />
<meta property="og:image:height" content="300" />

Facebookリンクデバッガーは、そのページでこのエラーを表示します

提供された og:image、 https : //d3ekuwxfrjk8w6.cloudfront.net/folder/folder/filename は、許容される最大サイズの 8Mb を超えたか、サーバーの応答が遅すぎたため、ダウンロードできませんでした。

上記の画像の URL は有効ですが、画像が表示されない理由がわかりません。Cloudfront の URL が原因ですか?

4

1 に答える 1

1

私もクラウドフロントを使用していますが、少なくとも共有ダイアログで URL を共有した後に表示されるサムネイル プレビューについては、同じ Web サイト URL から提供された画像である必要があり、index.html には次のようなものがあることがわかっています。

<meta property="og:url" content="http://example.com/"/>
<meta property="og:image" content="http://example.com/assets/thumbnail.png"/>

はい、サムネイル画像のサイズ制限に準拠する必要があります。

更新: 「og:image」で提供する URL は公開されている必要があります。つまり、新しいブラウザー ウィンドウでその URL をコピーして貼り付けてアクセスすると、サムネイル画像が表示されます。

example.comこの例では、サイトのコンテンツを含む S3 バケットと、www.example.com空であるが にリダイレクトする静的 Web サイト ホスティング用にセットアップされた別のバケットを呼び出す必要がありますexample.com。クラウド フロントは次のように設定する必要があります。

  • 元：example.com.s3.amazonaws.com
  • cname: example.com, *.example.com (www.example.com が機能するように)

クラウドフロント ディストリビューションに移動し、[編集] をクリックすると、CNAME を入力し、変更を入力example.com *.example.comして保存する場所が表示されます。

[オリジン] タブをクリックし、次のようにオリジンを設定します: オリジン ドメイン名:example.com.s3.amazonaws.com オリジン ID:s3-example オリジン タイプ:S3 Origin

次に、cloudront がディストリビューションを再度有効にするまで待ちます。

于 2017-07-30T17:35:03.797 に答える