将 Facebook Messenger 在线聊天嵌入网站

Facebook Messenger 是将即时聊天工具嵌入你的网站的最简单方法!聊天工具是和你的访客Facebook 帐号相连结的,这样他们总是可以访问该账号。以下是你的访客会在你的网站上看到的样子:

 

mceclip0.png

 

你需要:

以上都有了吗?太好了,那我们开始吧!

 

 

1. 获取你的Facebook开发者账号应用ID

这是一串很长的数字。例如,Strikingly 自己的 App ID 是 138736958550286。你可以点击这个页面查看你的 账号 ID:https://developers.facebook.com/apps/。

 

 

2. 获取你的Facebook公共主页ID。

这是另一串很长的数字。例如,Strikingly 的主页 ID 为 211998345516663。要查找你的主页 ID,请在你的 Facebook 公共主页,单击主页封面照片下方的“简介”选项卡 > “公共主页信息公示” > 获取你的公共主页编号。

 

 

3. 在你的 Facebook 公共主页管理设置中,点击“高级消息功能”,并将你的网址添加到白名单中(必须使用 https头部的网址!),点击添加。

 

4. 添加代码到你的Strikingly网站编辑器中。

将以下代码粘贴到“设置”>“显示高级选项”>“自定义代码”>“页脚代码”中。确保将红色粗体部分替换为你自己的 Facebook开发者账号应用ID和 Facebook公共主页ID!

<script>
  window.fbAsyncInit = function() {
    FB.init({
      appId : '你的 Facebook开发者账号应用ID',
      autoLogAppEvents : true,
      xfbml : true,
      version : 'v2.11'
    });
  };
  (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/xfbml.customerchat.js";;
  fjs.parentNode.insertBefore(js, fjs);
  }(document, 'script', 'facebook-jssdk'));
</script>
<div class="fb-customerchat"
messenger_app_id="你的 Facebook开发者账号应用ID"
page_id="你的Facebook公共主页ID"
ref="test">
</div>

 

mceclip5.png

 

5.点击保存并发布你的网站,使你的Facebook Messenger 即时聊天程式码生效。访客就可以在你的网站与你聊天了。

6. 你可以在Meta 页面的“收件箱”看到访客的消息。

mceclip8.png

 

如果有任何疑问,请随时联系我们:
你也可以到我们 24 小时服务的在线聊天客服咨询(仅限英文,中文客服服务时间为:周一至周五,早上9点至晚上9点,GMT+8)。

还有其它问题?提交请求