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

时间:2015-07-14 00:01:16

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

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

任何建议都将不胜感激。

4 个答案:

答案 0 :(得分:5)

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";

答案 1 :(得分:0)

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

答案 2 :(得分:0)

我有同样的问题。

我确实喜欢你做过,包括身体标签后面的sdk Javascript(之前,或者在单独的javascript文件中,在其他任何地方,并不重要,仍然无法工作!!!)我把我的插件的代码放在我希望它出现的地方。

我在浏览器控制台中遇到此错误:

获取文件://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行)。

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

答案 3 :(得分:0)

原来我的问题是我没有将网站上传到网上。我只是在上传前在浏览器中测试网站。一旦我上传它,该插件工作正常。

看看它是否适合你!

:)南希