1. ホーム
  2. facebook

Facebookのsharer.phpをカスタマイズする方法

2023-12-06 03:44:23

質問

http://www.facebook.com/sharer/sharer.php?u=http%3A%2F%2Fwww.google.com

テキストと画像をカスタマイズするにはどうすればよいですか。Facebookがドキュメントを引っ張ってきたような感じです。

どのように解決するのですか?

あなたが言っているのは、リンクを共有するときにFacebookが抽出するプレビュー画像とテキストについてです。 Facebook は オープン グラフ プロトコル を使用してこのデータを取得します。

基本的に、あなたがしなければならないことは、これらの og:meta タグを、共有したい URL の上に置くだけです。

<meta property="og:title" content="The Rock"/>
<meta property="og:type" content="movie"/>
<meta property="og:url" content="http://www.imdb.com/title/tt0117500/"/>
<meta property="og:image" content="http://ia.media-imdb.com/rock.jpg"/>
<meta property="og:site_name" content="IMDb"/>
<meta property="fb:admins" content="USER_ID"/>
<meta property="og:description"
      content="A group of U.S. Marines, under command of
               a renegade general, take over Alcatraz and
               threaten San Francisco Bay with biological
               weapons."/>

ご覧のように、画像プロパティと説明文の両方があります。ページに変更を加える場合 og:meta タグに変更を加えた場合、その変更をテストするために Facebookデバッガー . 間違いがないかどうか(そしてそれを修正する方法!)を教えてくれます。