Facebook Messenger 是将即时聊天工具嵌入你的网站的最简单方法!聊天工具是和你的访客Facebook 帐号相连结的,这样他们总是可以访问该账号。以下是你的访客会在你的网站上看到的样子:
你需要:
- Facebook 公共主页(也叫Facebook 专页、粉丝页或Facebook Page)(点击了解如何创建公共主页)
- Facebook 开发者账号(点击了解如何注册帐号)
- Strikingly 专业版账号(点击升级套餐)
- 带HTTPS 安全证书的自订网域(点击了解如何启动HTTPS)
以上都有了吗?太好了,那我们开始吧!
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>
5.点击保存并发布你的网站,使你的Facebook Messenger 即时聊天程式码生效。访客就可以在你的网站与你聊天了。
6. 你可以在Meta 页面的“收件箱”看到访客的消息。
如果有任何疑问,请随时联系我们:support@strikingly.com。
你也可以到我们 24 小时服务的在线聊天客服咨询(仅限英文,中文客服服务时间为:周一至周五,早上9点至晚上9点,GMT+8)。