2011-11-23 103 views
0

我想在我的网站上第一次使用Facebook连接。facebook在我的网站连接

我创建了一个应用程序,我从这里复制的代码,为的是一个空白的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

对此问题的任何更新? – jean27

+0

我放弃了,用另一种方式做了。谢谢大家 – TamarG

回答

0

尝试添加XML命名空间到您的文档的<HTML>标签。

<html xmlns:fb="http://ogp.me/ns/fb#"> 

...然后尝试为您的登录按钮如下:

<fb:login-button></fb:login-button> 
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.回答:

添加此。

-1

试着在主机上运行你的应用程序。如果你的项目是基于php的项目,意味着运行在https://localhost/projectname

而且还检查您的Facebook应用程序设置。您的项目名称应与网站名称相同。

相关问题