javascript - 同じページにある2つのFBのようなボタンで、タイトル、説明、画像が異なります

Question

同じページのように2つのボタンを追加することは可能ですか？

• 1つ目：http://www.mysite.comホームページに固有のタイトル、画像、説明を使用した参照
• 2番目：http://www.mysite.com/article?id=511記事511に固有のタイトル、説明、および画像を使用した参照。

Answer 1

表示しているページに応じて正しいタグを提供する必要があるため、オープングラフプロトコルのドキュメントを確認してください。

たとえば、ホームページでは次のようになります。

<meta property="og:title" content="My Site Name" />
<meta property="og:type" content="website" />
<meta property="og:url" content="http://www.mysite.com" />
<meta property="og:image" content="img" />

そして記事のページで：

<meta property="og:title" content="My Article Title" />
<meta property="og:type" content="article" />
<meta property="og:url" content="http://www.mysite.com/article?id=511" />
<meta property="og:image" content="img2" />
<meta property="og:description" content="My article description" />
<meta property="og:site_name" content="My Site Name" />

次に、好きなページのさまざまなURLに「いいね」ボタンを表示します。

Answer 2

はい、それぞれのいいねボタンのhref属性を適切なURLに設定するだけです。