Facebook 页面插件仅在网站上显示为链接答案

【问题标题】：Facebook Page Plugin appears as link only on websiteFacebook 页面插件仅在网站上显示为链接
【发布时间】：2015-07-14 00:01:16
【问题描述】：

我看过类似的帖子，但没有找到答案。我正在使用 Bootstrap 重建我的网站，并希望添加新的页面插件。我已按照所有说明操作，在开始标记之后插入 Javascript 代码，并将其他代码插入我的网页。我的网页上显示的只是一个链接，上面写着“KMC Marine”，它确实会转到我的 Facebook 页面，但没有出现其他插件数据。

任何建议将不胜感激。

【问题讨论】：

标签： facebook twitter-bootstrap facebook-social-plugins

【解决方案1】：

1) 输入以下 css 代码，它会解决你的问题

<style type="text/css">
    .fb_iframe_widget span{        
        overflow: initial !important;
    }
    .fb_iframe_widget iframe{        
        width: 340px !important;
        height: 500px !important;    
    }
</style>

2) 如果您在本地运行您的网站，则必须更换

js.src = "//connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";

与

js.src = "https://connect.facebook.net/en_GB/sdk.js#xfbml=1&version=v2.4";

【讨论】：

如何设置 CSS 以使其适合代码而不覆盖所有内容...由于某种原因，我的页脚出现在它的一侧而不是它下面？

【解决方案2】：

尝试将 JS 代码放在结束正文标记之前，而不是在开始标记之后。

【讨论】：

您好 Lansana，谢谢您的建议。不幸的是，我仍然得到相同的结果。很奇怪。我看到其他人也有同样的问题。
您的文件中是否也有
代码？所以需要三样东西：1. JavaScript，2. 带有所有 Facebook 属性的
，3. 我在这篇评论开头提到的 div。
嗨 Lansana，是的，我确实在我的代码中包含了“fb-root”div 信息。正如 Facebook 建议的那样，我已经尝试在脚本之前包含它。我也尝试在插件应该出现在我的网页上的代码之前（或周围）包含它。每次，我都会得到相同的结果。
尝试将带有脚本的 fb-root 放在页面底部的结束正文标记之前。还要确保您已将代码正确链接到您的 Facebook 网址。

【解决方案3】：

我也有同样的问题。

我确实像你一样，在 body 标记之后包含了 sdk Javascript（之前，或在单独的 javascript 文件中，其他任何地方，没关系，仍然不起作用！！！）我放置了我希望它出现的插件的代码。

我在浏览器控制台中遇到了这个错误：

GET file://connect.facebook.net/fr_FR/sdk.js net::ERR_FILE_NOT_FOUND（匿名函数）

所以我试图改变这个：

    js.src = "//connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.4";

进入这个：

   js.src = "http://connect.facebook.net/fr_FR/sdk.js#xfbml=1&version=v2.4";

SDK 现在似乎已加载，但控制台中出现新错误：

无效的应用程序 ID：必须是表示应用程序 ID 的数字或数字字符串。（sdk.js，第 64 行）。

你仍然可以试试这个。也许它会为你工作。

【讨论】：

【解决方案4】：

原来我的问题是我没有将网站上传到网络上。我只是在上传之前在浏览器中测试该网站。上传后，插件运行良好。

看看这是否适合你！

:) 南希

【讨论】：