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

Question

我正在尝试将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>

它工作正常。 但我要自定义标题，摘要，图像。

我阅读了此链接，但没有得到如何做。

谁可以帮我这个事。

谢谢。

Answer 1

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

有关打开图的更多信息，请参见此链接。

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

这要求您设置一个Facebook应用程序并调用Facebook SDK

Answer 2

尝试将og-meta-tags用作head标签，如下所示：

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

就是这样。

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

问题描述

2 个解决方案

解决方案1
0 2014-02-19 08:36:47

解决方案2
0 2014-09-23 01:56:29

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

问题描述

2 个解决方案

解决方案1 0 2014-02-19 08:36:47

解决方案2 0 2014-09-23 01:56:29

解决方案1
0 2014-02-19 08:36:47

解决方案2
0 2014-09-23 01:56:29