自定义共享按钮

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

现在，我可以看到共享按钮，并且可以共享所需的页面。 当我单击按钮时，出现另一个模态：

现在我想当用户单击共享按钮时，预定义的消息应该在突出显示的区域中。 我如何在这里以及在LinkedIn，Twitter和Google+按钮中都能做到这一点。

我必须为此使用开放图谱协议吗？ 如果是，那么任何人都可以发表有关此的文章或告诉我如何使用OG实现此目的。

Answer 1

不允许在Facebook上预填充消息，而且还是不可能。 您可能需要阅读平台政策 。

Answer 2

对于facebook：打开图将从该链接获取og标签以进行描述，以在共享弹出窗口中显示描述。

您可以使用元标记设置标题，描述，缩略图。

<meta property="og:title" content="title" />
<meta property="og:description" content="description" />
<meta property="og:image" content="thumbnail_image" />

对于Twitter：通过此链接查看data-text 。

https://dev.twitter.com/web/tweet-button/parameters