如何使用JavaScript获取Facebook页面点赞数？附尝试代码

嘿，我看你现在用的是Facebook官方的Like按钮组件代码，但这个组件主要是用来让用户互动点赞的，没法直接帮你获取页面的点赞数。要拿到指定Facebook页面的点赞数，最靠谱的方式是用Facebook Graph API，这是官方支持的方案，稳定性拉满～

下面是具体的实现步骤和代码：

1. 准备工作 #

首先你得有个Facebook开发者账号，创建一个应用，拿到你的access_token（对于公开页面的点赞数这种公开数据，用应用级别的access token就足够了，不用用户授权）。

2. JavaScript代码实现 #

用fetch发送请求到Graph API，就能拿到页面的点赞数（对应字段是fan_count）：

// 替换成你要查询的Facebook页面用户名或ID
const pageIdentifier = 'champstest';
// 替换成你的应用access token
const accessToken = '你的应用Access Token';

// 发送API请求
fetch(`https://graph.facebook.com/v18.0/${pageIdentifier}?fields=fan_count&access_token=${accessToken}`)
  .then(res => res.json())
  .then(data => {
    if (data.fan_count) {
      // 成功获取到点赞数，这里可以把它渲染到页面上
      console.log(`页面点赞数：${data.fan_count}`);
      document.getElementById('like-count-display').textContent = `总点赞数：${data.fan_count}`;
    } else {
      console.error('获取失败：', data.error?.message || '未知错误');
    }
  })
  .catch(err => console.error('请求出错：', err));

重要注意事项 #

• Graph API的版本号要尽量用最新的（比如上面的v18.0），旧版本可能会被停用
• 确保你的access token有效，并且没有权限限制（公开页面的fan_count是公开数据，应用token就能访问）
• 别想着通过抓取Facebook页面的DOM元素来拿点赞数！Facebook的页面结构经常变，这种方法很容易失效，还可能违反服务条款

另外补充一下：你之前贴的Like按钮代码，它的作用是在页面上嵌入点赞互动组件，和获取点赞数是两个不同的功能，没法通过那个组件直接拿到数据哦～

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