在我的HTML/CSS代码上添加一个虚拟Facebook登录按钮

在我的HTML/CSS代码上添加一个虚拟Facebook登录按钮,html,css,facebook,button,login,Html,Css,Facebook,Button,Login,我是一名HTML/CSS编码员,我需要在HTML/CSS代码中添加一个Facebook登录按钮。我知道为了让它工作,我需要注册我的网站,获取APP_ID,我的责任是在页面上显示按钮,就是这样吗?怎么做呢?如果你只想找一个按钮,那应该很容易做到。根据文档,您将以下内容添加到页面: 在标签下方添加以下内容: <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getEle

我是一名HTML/CSS编码员,我需要在HTML/CSS代码中添加一个Facebook登录按钮。我知道为了让它工作,我需要注册我的网站,获取APP_ID,我的责任是在页面上显示按钮,就是这样吗?怎么做呢?

如果你只想找一个按钮,那应该很容易做到。根据文档,您将以下内容添加到页面:

在标签下方添加以下内容:

<div id="fb-root"></div>
<script>(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 = "//connect.facebook.net/en_US/all.js#xfbml=1&appId=APP_ID";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>

有关更多信息/指导,facebook有一个。

你签出了吗?是的,但我签了,它没有显示蓝色按钮。@Karine:可能你需要一个有效的应用程序密钥才能显示它。(我认为应用程序密钥需要有一个与其关联的域,该域与按钮正在查看的域相匹配)。@BradChristie如果您是正确的,则只有在从注册到应用程序id的域调用按钮时,该按钮才会呈现
<div class="fb-login-button" data-show-faces="false" data-width="200" data-max-rows="1"></div>