自定义共享按钮

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+按钮上实现这一目标。

我必须使用Open Graph Protocol吗？如果是，那么任何人都可以发表关于此的文章或告诉我如何使用OG实现这一目标。

Answer 1

Facebook上不允许预先填写邮件，但无论如何都不可能。您可能需要阅读platform policy。

Answer 2

对于Facebook：打开图表将从该链接获取og标签以显示共享弹出窗口中的说明。

您可以使用这样的元标记设置标题，说明，缩略图。

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

对于Twitter：点击此链接，请参阅数据文字。

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