0

Web ページに Facebook の「いいね」/「共有」ボタンがあります。[共有] ボタンをクリックすると、サイトに関するメッセージを共有できるウィンドウがポップアップ表示されます。ボタンが表示されている Web ページから派生した写真もポップアップに表示されます。

問題は、Web ページが合成写真、別の画像の上にある画像を表示し、合成全体を表示するのではなく、ポップアップにその一部を表示することです。

Facebookポップアップウィンドウで完全に別の画像、Webページには存在しない特定の画像を使用する方法はありますか? og:image メタ タグでうまくいくと思っていましたが、うまくいかないようです。

ありがとう。マーク

4

1 に答える 1

1

とった。私の問題は、Facebook 開発者ページから必要な情報が不完全であるか、理解できる方法で提示されていないことです。だから、私の船に乗っている他の人たちのために：

  1. Like/Share ボタンの JavaScript コードと div タグ (ボタンを表示する場所) を追加するだけでは十分ではありません。<head>また、HTML ページのセクションにメタ タグのグループを追加する必要があります。(Facebook Developers の "Like Tag" ページでは、"meta tag" というフレーズは表示されないことに注意してください。) meta タグの形式は次のとおりです。 <meta property="og:type" content="website">

  2. これらのメタ タグを追加してから Facebook がそれらを見つけるまでには明らかにタイムラグがあります。これは、Facebook がコンテンツをキャッシュする方法によるものだと言う人もいます。いずれにせよ、Facebook Debugger https://developers.facebook.com/tools/debug/を使用してこの遅延を回避でき ます。ボタンのあるページの URL を入力すると、コードに何が欠けているかがわかります。同時に、新しいメタ タグなどの新しい追加を認識するようになりました。

  3. og:url、og:title、og:image、og:site_name、og:type、og:description のメタ タグが必要であることがわかりました。また、og:image タグには絶対 URL が必要であることもわかりました。

  4. Facebook からではなく、ここから多くのことを知りました: http://davidwalsh.name/facebook-meta-tags

  5. fb:admins および fb:app_id タグがまだ必要であるとデバッガーから通知されます。それらを取得するには、明らかに Facebook アプリを作成する必要がありますが、それはしたくありません。必要ないことを願っています。

これらのメタ タグを追加し、デバッガーでページを実行したので、[共有] ウィンドウに表示したい画像を取得しています。

于 2013-11-09T20:25:57.360 に答える