Facebook的喜欢按钮空白页

我测试就像在自己的网页按钮，Facebook的整合，但似乎并没有通过得到它，这是我的代码：Facebook的喜欢按钮空白页

<html> 
<head> 
<title>Your Website Title</title> 
</head> 
<body> 

<script> 
    window.fbAsyncInit = function() { 
    FB.init({ 
     appId  : '613335972130771', // I changed this appId when I pasted the code 
     xfbml  : true, 
     version : 'v2.5' 
    }); 
    }; 

    (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/sdk.js#xfbml=1&version=v2.5&appId=613335972130771"; 
    fjs.parentNode.insertBefore(js, fjs); 
    }(document, 'script', 'facebook-jssdk')); 
</script> 

<div class="fb-like" data-href="https://www.facebook.com/" data-width="400" data-layout="button" data-action="like" data-show-faces="false" data-share="false"></div>

我在console中没有任何内容，并且页面保持空白。

来源

2015-12-22 teeyo

我做了一些额外的研究，能够解决这个问题，首先我需要改变了Facebook SDK URL，因为我只是在本地机器上测试：

// from 
js.src = "//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=613335972130771"; 
fjs.parentNode.insertBefore(js, fjs); 
// to 
js.src = "https//connect.facebook.net/en_US/sdk.js#xfbml=1&version=v2.5&appId=613335972130771"; 
fjs.parentNode.insertBefore(js, fjs);

然后，我开始变得非常明显的错误，这指示我改变我在我使用（613335972130771）Facebook Developer应用程序酒庄是确切的酒庄我测试上（local.app）

鉴于URL

不是由应用程序配置允许的：一个或多个指定的网址不被应用的设置允许的。它必须与网站网址或Canvas网址匹配，或者该网域必须是其中一个应用网域的子网域。

改变酒庄后，链接完美。

来源

2015-12-22 22:18:14 teeyo

这里工作片断

<!DOCTYPE html> 
<html lang="en"> 
    <head> 
     <meta charset="UTF-8"> 
     <title>Example Like</title> 
    </head> 
    <body> 
     <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/sdk.js#xfbml=1&version=v2.5&appId=692966564061436"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 

     <div class="container"> 
      <div class="fb-like" data-href="http://example.com" data-layout="standard" data-action="like" data-show-faces="true" data-share="true"></div> 
     </div> 
    </body> 
</html>

来源

2015-12-22 16:01:23

仍然是一个空白页，我开始觉得这不是代码，但在网络或可能的浏览器：用于代码 – teeyo

是的，我的代码刚刚张贴了我的工作/感谢...我认为这是一个浏览器问题:) –

谢谢你这么雷很可能是正确的也一样，因为它是如此简单，我只是用Facebook的开发者页面上的配置向导，反正我会@giacomo尝试在不同的environement感谢 – teeyo

Facebook的喜欢按钮空白页

回答

相关问题