Facebook点赞按钮弹窗场景下，edge.create订阅事件失效的替代方案咨询

嘿，我完全懂你的困扰——当点赞按钮弹出Facebook原生弹窗时，确实会打断edge.create事件的触发，这个问题不少开发者都碰到过。这里给你两个实用的替代方案，帮你准确检查用户是否点赞了页面：

方案1：通过Facebook Graph API验证点赞状态（官方推荐，最稳定） #

这是最合规且可靠的方法，不过需要用户通过Facebook Login授权你的应用：

1. 先确保页面已集成Facebook Login组件，引导用户登录并授权user_likes权限（测试环境无需审核，正式上线可能需要提交Facebook应用审核）。
2. 用户登录后，调用Graph API的/me/likes/{你的页面ID}接口，检查返回结果中是否包含目标页面ID：

// 替换成你的Facebook页面ID
const yourPageId = '123456789';

// 先获取用户登录状态
FB.getLoginStatus(function(response) {
  if (response.status === 'connected') {
    const accessToken = response.authResponse.accessToken;
    // 调用API检查点赞状态
    FB.api(`/me/likes/${yourPageId}`, { access_token: accessToken }, function(apiResponse) {
      if (apiResponse && !apiResponse.error) {
        // 判断用户是否点赞了目标页面
        const hasLiked = apiResponse.data.some(item => item.id === yourPageId);
        if (hasLiked) {
          console.log('用户已点赞页面！');
          // 这里执行你的业务逻辑
        } else {
          console.log('用户未点赞页面');
        }
      }
    });
  } else {
    // 用户未登录，引导用户登录Facebook并授权
    FB.login(function(loginResponse) {
      if (loginResponse.status === 'connected') {
        // 登录成功后再次检查点赞状态
        checkLikeStatus();
      }
    }, { scope: 'user_likes' });
  }
});

// 封装检查逻辑方便复用
function checkLikeStatus() {
  const yourPageId = '123456789';
  FB.getLoginStatus(function(response) {
    if (response.status === 'connected') {
      FB.api(`/me/likes/${yourPageId}`, { access_token: response.authResponse.accessToken }, function(apiResponse) {
        const hasLiked = apiResponse.data.some(item => item.id === yourPageId);
        if (hasLiked) {
          // 执行你的操作
        }
      });
    }
  });
}

方案2：监听点赞弹窗关闭后再验证 #

如果不想强制用户登录（但未登录时无法准确获取状态），可以尝试监听点赞弹窗的关闭事件，在弹窗关闭后再调用API检查：

// 给点赞按钮绑定点击事件，追踪弹窗
document.querySelector('.fb-like').addEventListener('click', function() {
  // 延迟一点获取弹窗对象，因为Facebook弹窗是动态生成的
  setTimeout(() => {
    // 找到Facebook的点赞弹窗
    const fbLikePopup = Array.from(window.open()).find(win => 
      win.location.href.includes('facebook.com/plugins/like')
    );
    if (fbLikePopup) {
      // 监听弹窗关闭事件
      fbLikePopup.addEventListener('beforeunload', function() {
        // 弹窗关闭后检查点赞状态
        checkLikeStatus();
      });
    }
  }, 600);
});

// 复用方案1中的checkLikeStatus函数
function checkLikeStatus() {
  // 这里的逻辑和方案1一致
}

重要提示 #

如果你的需求是在用户未登录Facebook的情况下检查是否点赞，很遗憾，出于隐私保护，Facebook现在不允许第三方网站获取这类未授权的用户数据，所以必须引导用户登录并授权才能完成验证。

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