2015-08-31 51 views
2

我正在尝试在我的网页上添加Facebook页面插件。不幸的是,除了文本:“脸谱”之外没有任何东西出现。我添加了他们在https://developers.facebook.com/docs/plugins/page-plugin/上给我的代码,完全按照它的样子。这是我加入到一个空白页。HTML代码示例:facebook页面插件只显示页面名称的文本

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
<html xmlns="http://www.w3.org/1999/xhtml"> 

<head> 
    <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> 
    <title>Untitled Document</title> 
</head> 

<body> 

<!-----------THIS IS THE FIRST STEP(just pasted the code FB gave me)------------> 
<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.4"; 
    fjs.parentNode.insertBefore(js, fjs); 
}(document, 'script', 'facebook-jssdk'));</script> 


<!-----------THIS IS THE SECOND STEP(just pasted the code FB gave me)------------> 
<div class="fb-page" data-href="https://www.facebook.com/facebook" data-tabs="timeline" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><div class="fb-xfbml-parse-ignore"><blockquote cite="https://www.facebook.com/facebook"><a href="https://www.facebook.com/facebook">Facebook</a></blockquote></div></div> 


</body> 
</html> 

的Theres无可厚非添加代码..有什么额外的我要补充或做?此小部件链接到Facebook的Facebook页面。当我将它链接到我的页面时,它会做同样的事情(只显示文字“corecoders”)。所有页面插件仅显示文字。

+0

您是否正在通过本地网络服务器测试您的网页,以便在浏览器中通过HTTP调用它?否则,SDK的协议相关URL“js.src =”// connect.facebook.net/...'不能工作(除非你明确用'http:'作为前缀) – CBroe

回答

0

对本地网站使用Xampp或Mamp修复了此问题。当托管它虽然完美。