Facebook共享按钮,自定义标题和消息等

时间:2014-07-06 17:08:22

标签: facebook share-button

我在我的网站上集成了一个Facebook Share按钮。你可以在这里生成的那个:

https://developers.facebook.com/docs/plugins/share-button/

但是我怎么能告诉它要显示什么标题,消息以及重定向到哪个网址?它现在全部"尝试"从网页自动解决此问题。

它使用<title>标记中的正确标题。但元description标记不起作用。而且我也不知道如何设置自定义URL和图像。

我现在拥有的只是:

位于body标记开头的正下方:

<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/nl_NL/sdk.js#xfbml=1&appId=19158xxxxxxxxx&version=v2.0";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

这在产品详情页面上:

<div class="fb-share-button" data-type="button_count"></div>

如何在此自定义所有内容?

1 个答案:

答案 0 :(得分:3)

您需要根据http://ogp.me指定og:titleog:description元标记。

这些是Facebook最初会搜索共享信息的标签。

或者您可以使用javascript sdk并按照in the documentation

所述手动指定标题,网址,说明等