Facebook 聊天按钮在 nextjs 中不起作用

Question

我正在使用 react-facebook 包向我的 nextjs 应用程序之一显示 facebook 聊天按钮。一切正常。但最近几天突然它没有按预期工作。

这是我的代码：

'use client'
import { FacebookProvider, CustomChat } from 'react-facebook';


  function FacebookChat({appId, pageId, themeColor}) {
    return (
      <FacebookProvider appId={appId} chatSupport>
        <CustomChat themeColor={themeColor} pageId={pageId} minimized={true}/>
      </FacebookProvider>  
    );
  }
  
  export default FacebookChat;

我按照以下步骤设置 Facebook 聊天按钮：

1. Get Page ID: Go to your page -> About -> Page transparency and Copy the Page ID

2. Get APP ID: Go to https://developers.facebook.com -> My Apps -> Create App -> Select Other -> Next -> Select Consumer -> Give an app name -> Create App -> verify by fb password -> Go to App Settings -> Basic -> Fill up all info -> Turn on App Mode to live -> and Copy the App ID

3. Whitelist your domain: Go to https://www.facebook.com/settings/?tab=advanced_messaging -> Make sure you selected the page -> Add your domain to Whitelisted domains

如果您知道问题和解决方案，请帮助解决此问题。

提前致谢。

Answer 1

这是来自元的消息

聊天插件即将消失。

2024 年 5 月 9 日，您将无法再访问任何 聊天插件的功能。即时生效，聊天插件上线 访客模式不再可用。其他功能，例如 m.me 链接 仍然可供您使用。

这是链接 https://developers.facebook.com/docs/messenger-platform/discovery/facebook-chat-plugin/