如何用JS通过Facebook Link Sharer API分享含文本内容？是否可行？

首先明确：Facebook的原生Link Sharer（即sharer.php链接方式）不支持直接传入自定义分享文本。Facebook的平台政策要求分享内容必须取自目标页面的Open Graph（OG）元标签，目的是防止垃圾内容和确保分享内容的真实性，因此手动传入的文本参数会被直接忽略。

标准实现：配置Open Graph元标签 #

要让Facebook分享时自动展示帖子的标题、描述和图片，需在每个帖子页面的<head>中添加OG元标签：

<!-- 核心OG元标签 -->
<meta property="og:url" content="https://your-domain.com/posts/your-post-id" />
<meta property="og:type" content="article" />
<meta property="og:title" content="你的帖子标题" />
<meta property="og:description" content="你的帖子核心文本内容，将作为分享描述显示" />
<meta property="og:image" content="https://your-domain.com/posts/your-post-id/cover-image.jpg" />

<!-- 可选：关联Facebook应用（用于后续高级功能） -->
<meta property="fb:app_id" content="你的Facebook应用ID" />

配置完成后，Facebook的分享工具会自动抓取这些元数据，无需手动传入任何文本参数。

支持用户自定义文本：使用Facebook Share Dialog #

如果需要允许用户在分享时添加自定义评论或补充文本，需使用Facebook的Share Dialog（依赖Facebook JavaScript SDK），实现步骤如下：

1. 加载Facebook JavaScript SDK：

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId      : '你的Facebook应用ID',
      cookie     : true,
      xfbml      : true,
      version    : 'v18.0' // 使用最新稳定版本
    });
  };

  // 异步加载SDK
  (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 = "https://connect.facebook.net/en_US/sdk.js";
     fjs.parentNode.insertBefore(js, fjs);
   }(document, 'script', 'facebook-jssdk'));
</script>

2. 实现分享按钮与逻辑：

<button onclick="shareToFacebook()">分享到Facebook</button>

<script>
function shareToFacebook() {
  FB.ui({
    method: 'share',
    href: 'https://your-domain.com/posts/your-post-id', // 目标帖子URL
    quote: '这里可以传入用户自定义文本，或帖子的精选内容' // 自定义附加文本
  }, function(response) {
    // 分享回调处理
    if (response && !response.error_message) {
      console.log('分享完成');
    } else {
      console.log('分享取消或失败');
    }
  });
}
</script>

注意：quote参数允许添加自定义文本，但Facebook会优先展示页面OG元数据，自定义文本会作为附加内容显示在分享内容上方。

最佳实践 #

• 用Facebook的调试工具验证OG元标签是否被正确抓取，确保分享内容显示符合预期。
• 不要尝试使用废弃的URL参数（如sharer.php?u=xxx&t=xxx）传递文本，这类参数已被Facebook完全忽略。
• 使用Share Dialog前，需在Facebook开发者平台完成应用配置：绑定你的网站域名，设置有效的OAuth重定向URI。
• 严格遵守Facebook平台政策，避免诱导分享、垃圾内容等行为，防止应用或账号被限制。

内容的提问来源于stack exchange，提问作者rivrez