我第一次尝试在我的网站上使用facebook connect。
我创建了一个应用程序,我将代码从此处复制到空白HTML文件中 http://developers.facebook.com/docs/guides/web/#login
但我所看到的只是一个纯文本 - “使用Facebook登录” - 没有按钮,没有功能。
可能是什么问题?
代码是 -
<html>
<head>
<title>My Facebook Login Page</title>
</head>
<body>
<div id="fb-root"></div>
<script>
window.fbAsyncInit = function() {
FB.init({
appId : 'XXXXXXX',
status : true,
cookie : true,
xfbml : true
});
};
(function(d){
var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
js = d.createElement('script'); js.id = id; js.async = true;
js.src = "//connect.facebook.net/en_US/all.js";
d.getElementsByTagName('head')[0].appendChild(js);
}(document));
</script>
<div class="fb-login-button">Login with Facebook</div>
</body>
</html>
答案 0 :(得分:0)
尝试将XML命名空间添加到&lt; html&gt;你的文件的标签。
<html xmlns:fb="http://ogp.me/ns/fb#">
...然后尝试以下登录按钮:
<fb:login-button></fb:login-button>
答案 1 :(得分:0)
从我的HTML代码中注意到,你缺少链接到Facebook的JS SDK的标签。
添加:
<script src="https://connect.facebook.net/en_US/all.js#appId={YOUR_FACEBOOK_APP_ID}&xfbml=1"></script>
然后而不是做
<div class="fb-login-button">Login with Facebook</div>
做
<fb:login-button></fb:login-button>
正如查理P.回答的那样。
答案 2 :(得分:-1)
尝试在主机中运行您的应用程序。如果您的项目是基于PHP的项目意味着在https://localhost/projectname中运行。
并检查您的Facebook应用设置。您的项目名称应与站点名称相同。