如何为自有网站添加Instagram Threads内容分享按钮？

安全阿岳

2026-7-16

如何创建分享至Instagram Threads的按钮

目前Instagram官方确实未提供分享至Threads的官方按钮组件或SDK，但可以通过以下两种方式实现类似功能：

方法一：构造Threads网页版分享链接

利用Threads网页版的分享URL格式，创建自定义跳转按钮，点击后打开Threads的网页分享界面，用户可编辑内容并发布。

链接构造规则

基础链接：https://www.threads.net/share
可选参数：

text：预填充的分享文本（Threads可能会根据规则截断或调整，以实际显示为准）
url：需要分享的目标链接（会自动生成链接预览）

示例HTML代码

<button onclick="openThreadsShare()">分享到Threads</button>

<script>
function openThreadsShare() {
  const shareContent = "推荐你看看这个内容！";
  const targetUrl = "https://your-site.com/target-page";
  // 对文本和链接进行URL编码
  const encodedText = encodeURIComponent(shareContent);
  const encodedUrl = encodeURIComponent(targetUrl);
  
  const threadsShareLink = `https://www.threads.net/share?text=${encodedText}&url=${encodedUrl}`;
  // 以弹窗形式打开分享界面
  window.open(threadsShareLink, '_blank', 'width=620,height=680');
}
</script>

注意事项

该方式依赖Threads网页版的URL结构，Meta可能会调整链接规则，需留意官方动态
预填充文本不一定会完全保留，需符合Threads的内容规范

如果你的网站主要服务移动端用户，可以调用浏览器的Web Share API，触发设备原生分享菜单，若用户已安装Threads应用，会出现在分享选项中。

示例代码

<button onclick="triggerNativeShare()">分享到Threads</button>

<script>
async function triggerNativeShare() {
  try {
    await navigator.share({
      title: "分享内容标题",
      text: "我发现了一个不错的内容",
      url: "https://your-site.com/target-page"
    });
  } catch (error) {
    console.log("分享取消或失败:", error);
  }
}
</script>