如何自定义我的 Facebook 分享按钮答案

【问题标题】：How to custom my facebook share button如何自定义我的 Facebook 分享按钮
【发布时间】：2014-02-19 07:33:02
【问题描述】：

我正在尝试在我的网站中集成 facebook 分享按钮。

所以我在谷歌搜索时得到了这个代码。

<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=xxxxxxxx";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script> 


<div class="fb-share-button" data-href="http://myhomepage.com" data-type="link"></div>

它工作正常。但我想要的是自定义我的标题、摘要、图像。

我读了这个link，但不知道怎么做。

谁能帮我解决这个问题。

谢谢。

【问题讨论】：

facebook share button with custom title, description, and image的可能重复
感谢您的回复。但我只想要这样的分享按钮。有什么办法可以实现我的目标。任何替代解决方案？

标签： php facebook

【解决方案1】：

为了自定义要发布的信息，您需要在页面中设置 Open Graph 标签。

有关 Open Graph 的更多信息，请参阅此链接

https://developers.facebook.com/docs/opengraph/getting-started

这需要您设置 Facebook 应用程序并调用 Facebook SDK

【讨论】：

【解决方案2】：

尝试像这样在 head 标签中使用 og-meta-tags：

<head>
<meta property="og:image" content="your_image_url"/>
<meta property="og:title" content="your_title"/>
<meta property="og:description" content="your_description"/>
</head>

就是这样。

【讨论】：