我目前正在将 OpenGraph 集成到餐厅业务中。提供的代码/脚本在暂存环境中似乎可以正常工作,但是我想更进一步:当一个人访问该站点并且他们登录到 Facebook 时,我想为他们显示一条特定的消息。
假设他们的名字是 Steven Smith,我想在网站顶部添加一个部分,上面写着“欢迎 Steven,你想做什么?”,提供三个选项以及相关页面的链接。
这是我需要为其编写脚本的东西吗?还是我在可用工具中遗漏了什么?
我目前正在将 OpenGraph 集成到餐厅业务中。提供的代码/脚本在暂存环境中似乎可以正常工作,但是我想更进一步:当一个人访问该站点并且他们登录到 Facebook 时,我想为他们显示一条特定的消息。
假设他们的名字是 Steven Smith,我想在网站顶部添加一个部分,上面写着“欢迎 Steven,你想做什么?”,提供三个选项以及相关页面的链接。
这是我需要为其编写脚本的东西吗?还是我在可用工具中遗漏了什么?
正如您的规范所说,这完全涵盖了您想要实现的目标:
https://developers.facebook.com/docs/reference/javascript/FB.login/
您需要fb app进行认证,认证后,获得只读权限(最小的不能发帖或点赞),
然后,
FB.login(function(response) {
if (response.authResponse) {
DisplayFunc('Welcome! Fetching your information.... ');
FB.api('/me', function(response) {
DisplayFunc('Good to see you, ' + response.name + '.');
});
} else {
DisplayFunc('User cancelled login or did not fully authorize.');
}
});
首先,您需要设置一个应用程序,让用户对您的应用程序进行身份验证,然后当用户访问该页面并且您调用FB.getLoginStatus()
以查看他们是否已连接到您的应用程序时。如果是这样,您知道他们是谁并且可以显示他们的名字。请参阅:https ://developers.facebook.com/docs/reference/javascript/
FB.getLoginStatus(function(response) {
if (response.status=='connected') {
FB.api('/me',function(response){
alert('Welcome back ' + response.name);
});
}
});
这称为“即时个性化”,仅适用于少数 Facebook 合作伙伴。