Javascript 在网站中集成Facebook页面插件_Javascript_Html_Facebook

Javascript 在网站中集成Facebook页面插件

javascript html facebook

Javascript 在网站中集成Facebook页面插件,javascript,html,facebook,Javascript,Html,Facebook,我正在尝试为我的网站集成Facebook页面插件，但4月30日发生的API变化给我带来了问题，我没有找到更新的指南当我去生成代码时，我被告知：在页面上包含JavaScript SDK一次，最好在开始标记之后 <div id="fb-root"></div> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) r

我正在尝试为我的网站集成Facebook页面插件，但4月30日发生的API变化给我带来了问题，我没有找到更新的指南

当我去生成代码时，我被告知：

在页面上包含JavaScript SDK一次，最好在开始标记之后

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


（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/it_-it/sdk.js#xfml=1&version=v2.3”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

将插件的代码放在希望插件出现在页面上的任何位置

<div class="fb-page" data-href="https://www.facebook.com/pages/Grifo-
Imports/579559248856812?fref=ts" data-width="300" data-height="200" 
data-hide-cover="false" data-show-facepile="true" data-show-
posts="true"><div class="fb-xfbml-parse-ignore"><blockquote 
cite="https://www.facebook.com/pages/Grifo-Imports
/579559248856812?fref=ts"><a href="https://www.facebook.com/pages/Grifo-
Imports/579559248856812?fref=ts">Grifo Imports</a></blockquote></div>
</div>

我将以这种方式在网页中输入代码

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

<div id="pageHeader">
    <img class="logo" src="GrifoImports_Logo_FINAL_Reverse-web-200.png"/>

        <ul id="menu">
            <li id="current"><a href="#">Home</a></li>
            <li><a href="#">Portfolio</a></li>
            <li><a href="#">Were to buy us</a></li>
            <li><a href="#">Contact</a></li>
        </ul>
   </div>

   <div class="fb-page" data-href="https://www.facebook.com/pages/Grifo-
   Imports/579559248856812?fref=ts" data-width="300" data-height="200" 
   data-hide-cover="false" data-show-facepile="true" data-show-
   posts="true"><div class="fb-xfbml-parse-ignore"><blockquote 
   cite="https://www.facebook.com/pages/Grifo-Imports
   /579559248856812?fref=ts"><a href="https://www.facebook.com/pages
   /Grifo-Imports/579559248856812?fref=ts">Grifo Imports</a></blockquote>
   </div></div>

   <div id="container">
   <div id="slideshow">
   <img style="display: none; opacity: -0.01;" src="wine/01.JPG">
   <img style="display: block; opacity: 0.54;" src="wine/02.JPG">
   <img style="display: block; opacity: 0.54;" src="wine/03.JPG">
   <img style="display: block; opacity: -0.01;" src="wine/04.JPG">
   </div>

   </div>


（功能（d、s、id）{
var js，fjs=d.getElementsByTagName[0]；
if（d.getElementById（id））返回；
js=d.createElement；js.id=id；
js.src=“//connect.facebook.net/it_-it/sdk.js#xfml=1&version=v2.3”；
fjs.parentNode.insertBefore（js，fjs）；
}（文档“脚本”、“facebook jssdk”）；

但是在网站上没有出现页面插件。我哪里做错了

感谢那些将作出回应的人。。。对不起，我的英语不太好！；）

在实际代码中，这些属性值中并没有空格，对吗？浏览器控制台怎么说？一切看起来都很好-我想再问一次CBroe-您的控制台中有任何消息吗？您可以尝试将代码放入容器中吗？请尝试以下操作：